Cocoonを使っていてソースコードを貼ることがあると思います。今回は簡単にコードを導入できる方法についてお話ししたいと思います。
Step1Cocoonの設定をいじる
ソースコードハイライト機能の設定を行うにはテーマの設定で行います。WordPress管理画面から「Cocoon設定」を選択してください。
![](https://kaigaidesign.com/wp-content/uploads/2020/03/image-1024x706.png)
Step2 コード設定を行う
次に「コード」というタブを開いて「ソースコードをハイライト表示」という項目にチェックを入れてください。
![](https://kaigaidesign.com/wp-content/uploads/2020/03/image-1-1024x511.png)
Step3 要素の追加
記事を新規作成し、通常通りプラスボタンで要素を追加しましょう
![](https://kaigaidesign.com/wp-content/uploads/2020/03/image-2-1024x517.png)
「ソースコード」という箇所を選択します。
![](https://kaigaidesign.com/wp-content/uploads/2020/03/image-3-1024x595.png)
コードを入力します。
![](https://kaigaidesign.com/wp-content/uploads/2020/03/image-4-1024x389.png)
![](https://kaigaidesign.com/wp-content/uploads/2020/03/image-5-1024x541.png)
入力したらプレビューで確認しましょう
![](https://kaigaidesign.com/wp-content/uploads/2020/03/image-6-1024x509.png)
出来上がりました