WordPressのテーマ「Cocoon」の標準機能でソースコードのハイライト表示ができます。
ここでは、Cocoonでソースコードをハイライト表示させる方法を解説します。
Cocoonの設定
（１）ダッシュボードから「Cocoon設定」をクリックします。
（２）①「コード」タブを選択します。
②「ソースコードをハイライト表示」にチェックを入れます。
③「変更をまとめて保存」をクリックします。
記事にソースコードを挿入
（１）①「ブロックを追加」をクリックします。
②「すべて表示」をクリックします。
（２）「コード」をクリックします。
（３）コード入力ブロックが表示されますので、ここにソースコードを書き込みます。
（４）以下のようにハイライト表示されます。
言語の選択
（１）右側のメニューの「言語」のプルダウンメニューをクリックします。
言語で「プレーンテキスト」を選択した場合
（１）「言語」のプルダウンメニューで「プレーンテキスト」を選択した場合
（２）以下のような表示になります。
言語で「ハイライト表示しない」を選択した場合
（１）「言語」のプルダウンメニューで「ハイライト表示しない」を選択した場合
（２）以下のような表示になります。
