Cocoonにコードを貼り付ける方法

Cocoonを使っていてソースコードを貼ることがあると思います。今回は簡単にコードを導入できる方法についてお話ししたいと思います。

Step1Cocoonの設定をいじる

ソースコードハイライト機能の設定を行うにはテーマの設定で行います。WordPress管理画面から「Cocoon設定」を選択してください。

Step2 コード設定を行う

次に「コード」というタブを開いて「ソースコードをハイライト表示」という項目にチェックを入れてください。

Step3 要素の追加

記事を新規作成し、通常通りプラスボタンで要素を追加しましょう

「ソースコード」という箇所を選択します。

コードを入力します。

入力したらプレビューで確認しましょう

出来上がりました

タイトルとURLをコピーしました