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

★ポイントインカムキャンペーン 20周年記念スタートダッシュキャンペーン★

2026年10月1日(木)00:00 ~ 2026年10月31日(土)23:59の期間中にポイントインカムに当サイト経由で新規登録後、期間中に合計50,000pt以上の広告を利用し、期間中に利用した広告が2027年1月31日までに承認されるともれなく3,000円分の特典がもらえるキャンペーンを実施中です。さらに件を達成した人の中から抽選で500人に5,000ptが当たる!

※その他、入会特典として最大720円相当のポイントがもらえるキャンペーンがあり、さらに当サイト経由で新規登録するだけで300円もらえます。つまり、すべてのキャンペーンを達成すると、最大4,020円分の特典がもらえます。ポイント交換完了でさらに100円もらえます。

参照:ポイントインカムキャンペーン 20周年記念スタートダッシュキャンペーン

★ポイントインカムキャンペーン ポイントインカム 20th ANNIVERSARY★

2026年10月1日(木)00:00 ~ 2026年10月31日(土)23:59まで、ポイントインカムで超豪華な特典がもらえるポイントインカム 20th ANNIVERSARYを開催中です。

参照:ポイントインカムキャンペーン ポイントインカム 20th ANNIVERSARY

★当サイトで利用者が多いサービス★

・【特別URL】ミラリタ

・※特別URL【最大60,500円相当】三菱UFJ銀行 口座開設

・※特別URL【最大58,500円相当】【親権者さまの代理申込専用】三菱UFJ銀行 お子さま口座(リピート可)

【特別URL】アソビュー
チケット購入・ツアー催行で購入金額の 1%※当サイト特典

ポイントインカムに掲載している広告のポイント数よりも高いポイント数で利用できる特別URLはコチラ。

参照:ポイントインカム 当サイト特典【特別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をコピーしました