ブログなどの記事内でソースコードを紹介したいときに使うプラグイン
Highlighting Code Blockの使い方のご紹介です。
こんなやつですね▼
![](https://loglogme.com/cms/wp-content/uploads/2021/12/スクリーンショット-2021-12-15-12.14.54.png)
プラグインで簡単に利用できます。
管理画面からHighlighting Code Blockをインストール
![](https://loglogme.com/cms/wp-content/uploads/2021/12/スクリーンショット-2021-12-15-12.17.13-1024x614.png)
設定から[HCB]設定を選択
![](https://loglogme.com/cms/wp-content/uploads/2021/12/スクリーンショット-2021-12-15-12.19.05-1024x778.png)
あとは基本設定です。
以下3つにチェック
- 言語の表示
- 行数の表示設定
- コピーボタン
![](https://loglogme.com/cms/wp-content/uploads/2021/12/スクリーンショット-2021-12-15-12.20.53-1024x617.png)
使用する言語は自分が取り扱うもの以外は外しといていいかと。
![](https://loglogme.com/cms/wp-content/uploads/2021/12/スクリーンショット-2021-12-15-12.21.09-1024x732.png)
設定が完了したら「変更を保存」してください。
記事を作成する際に、ブロックでHighlighing code Block を選ぶとコードを記入できます。
![](https://loglogme.com/cms/wp-content/uploads/2021/12/スクリーンショット-2021-12-15-12.29.54-1-1024x719.png)
コードを書いて言語を選べば完了です。
![](https://loglogme.com/cms/wp-content/uploads/2021/12/スクリーンショット-2021-12-15-12.31.51-1024x587.png)
簡単ですね。
今回は以上です。