はじめに
WordPressのテーマであるCocoonは非常に使いやすいです．作者の方，本当にありがとうございます．
今回はCocoonにおけるソースコードのハイライト表示設定について紹介します．GUI的な操作でメニューバーから簡単に設定できるようになっているものの，その方法が記載されたページが公式の解説ページも含め見つけられなかったので，参考になればと思い記載します．（設定が簡単すぎるので多くの人は説明されるまでもなく，たどり着けるのでしょう…）
方法
- まずハイライトさせる前提として，「Cocoon設定」>「コード」タブ >「ソースコードをハイライト表示」に☑がついている必要があります．これは公式でも他の記事でも多く説明がありますが，念の為記載します．
↓WordPressの設定ページ左の「Cocoon設定」→「Cocoon設定」を選択（図1）．
↓「コード」タブ >「ソースコードをハイライト表示」に☑（図2）
- 前述の手順0が完了していれば，次に記事を書く画面にて説明します．
↓「＋マーク」または「/キー」で追加するブロックを選択します．少しスクロールしたところにある，「フォーマット」内の「ソースコード」を選択します(図3)．
- 追加した「ソースコード」ブロックを選択し，右側にある「ブロック」タブを選択します．「言語選択」の欄からソースコードの言語を選択します．「ハイライト表示しない」を選択するとハイライト表示されません（図4）．
以上になります．とても簡単です．簡単すぎて私は右側のメニューを見つけるまで時間がかかりました…．同じような方がいましたら，参考になれば幸いです．
コメント