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

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

★ポイントインカムキャンペーン 必ずもらえるAmazonギフト券1,000円分キャンペーン!(ポタ友応援キャンペーン)★

2024年5月1日(水) ~ 5月31日(金)の期間中にポイントインカムに当サイト経由で新規登録後、ポイント交換が完了すると、Amazonギフト券(1,000円分)が必ずもらえるキャンペーンです。

当サイト経由でポイントインカムに新規登録するだけで300円もらえるので、後200円稼いで交換するだけで条件達成します。ポイント交換ボーナスでさらに100円もらえます。

参照:ポイントインカムキャンペーン 必ずもらえるAmazonギフト券1,000円分キャンペーン!(ポタ友応援キャンペーン)

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

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

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をコピーしました