ありのままの自分で幸せを追求するブログ

ありのままの自分の姿を大切にしていますか?愛せていますか?

ワードプレス

コードをカッコよく装飾する方法

投稿日:

 

テックサイトなどを見ていると、よくサイトに装飾されたコードが載っていますよね。

「Crayon Syntax Highlighter」というプラグインをワードプレスにインストールすることによって、カッコよく装飾したコードを記載することができるようです。

 

 

ただし、いろいろなサイトでも紹介されていますが、このプラグインは非常に重いとのこと。

そこで、

highlight.js

が早くて注目されています。

 

使用は簡単で、下記のコードをワードプレスのheader.phpのヘッダ部分に組み込むだけです。

 

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>

 

表示したいコードを<pre><code>、</code></pre>で囲みます。

ワードプレスのビジュアルモードではそのまま表示されてしまいますので、

テキストモードにて<pre><code>、</code></pre>の間に表示したいコードをコピペするようにします。

 

にほんブログ村 ライフスタイルブログ ありのままの自分へ
にほんブログ村

 

 

ノブオも見ているおトクな月額見放題動画!
有名メーカー2000本が見放題!月額540円!しかも2週間無料!

-ワードプレス

執筆者:

プロフィール

ノブオ:プロフィール

元システム開発会社社長。現在無職の40代後半。
2019年初頭に投資で失敗して数百万円の借金を背負う。
ありのままの自分の幸せを追求するため、こんなオレでも、日々、必死に生きている・・・つもりだ。
10年間、うつ病を患っていて、現在も心療内科に通院中。

ノブオ教入信フォーム

これが本当のノブオの姿、考え方だ!
ノブオ教

ノブオ教の入信フォームはこちら

ノブオ教入信フォーム

PR

ノブオも見ているおトクな月額見放題動画!
有名メーカー2000本が見放題!月額540円!しかも2週間無料!

いつも見ています