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

質問はツイッターで!https://twitter.com/okane_sun

★ポイントインカムキャンペーン ポタスロット★

2024年4月1日(月)00:00 ~ 2024年4月30日(火)23:59まで、当サイト経由でポイントインカムに新規登録すると、交換ボーナスが最大1万円分上乗せされる「ポタスロット」が回せるキャンペーンを実施中です。

参照:ポイントインカムキャンペーン ポタスロット

ゲームで遊んでお小遣い稼ぎ!下記案件は当サイト特典で公式サイトから利用するより高単価報酬がもらえる特別URL付き!

参照:ポイントサイトを経由してロードモバイルをお得に利用する方法(攻略方法付き)
参照:ポイントサイトを経由して三國志 真戦をお得に利用する方法(攻略方法付き)
参照:ポイントサイトを経由してライフアフターをお得に利用する方法(攻略方法付き)
参照:ポイントサイトを経由してエバーテイルをお得に利用する方法(攻略方法付き)

★モッピー Amazonギフト券500円分もらえるキャンペーン★

2024年4月9日(火)~2024年4月30日(火)まで、モッピーに当サイト経由で入会し、広告を利用して6月末までに3,000P獲得するとAmazonギフト券500円分がもらえる!キャンペーンを実施中です。
※ マイページ内のポイント通帳「承認」に記載されたポイントの合計が対象となります。
※ 通常の入会キャンペーン特典として、入会後6月末までに5,000P以上獲得すると、追加で2,000Pももらえます。

参照:モッピー Amazonギフト券500円分もらえるキャンペーン

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)しましょう。

コメント

タイトルとURLをコピーしました