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

更新情報はツイッターで!https://twitter.com/okane_sun

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

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

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

2023年2月1日(水)00:00 ~ 2月28日(火)23:59の期間中にポイントインカムで定率ショッピング広告(税抜1,000円以上)を利用すると、利用した広告数が増える毎にボーナスポイントがもらえるキャンペーンを実施中です。

参照:ポイントインカムキャンペーン インカムお買い物ツアー

2023年2月5日(日) ~ 2023年2月26日(日)の期間中にポイントインカムで税込6,000円以上のLOHACOの購入で5,000,000pt山分けキャンペーンを実施中です。

参照:ポイントインカム×LOHACO 総額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をコピーしました