プラグイン　CSSの設定方法の記述を綺麗に書くプラグイン Code Highlight.js

Code Highlight.jsとは

CSSの設定方法を紹介する際、わかりやすく表示するためのプラグインが、Code Highlight.jsです。

<pre><code>

</code></pre>

Code Highlight.jsのプラグインをインストール後、テキストモードで、上記のコードの間に文字を入力すると完成します。

Code Highlight.jsの設定方法

Code Highlight.jsは、デフォルトではグレーで表示されますが、設定でカスタマイズできます。

ワードプレスの設定画面で【設定】→【Code Highlight.js】を選びます。

Color Scheme:というメニューがあるので、その場所を変更します。初期は「default」に設定されているので、プルダウンで好きなカラーに変更します。当サイトでは「tomorrow-night」を選択しています。

設定が終わったら、忘れずに保存（save）しましょう。