CocoonでGitHub Gistの埋め込みを手軽に利用する方法

Cocoonは、GitHub Gistのコード埋め込みに対応させました。

Discover gists

GitHub Gist: instantly share code, notes, and snippets.

gist.github.com

手軽にGistコードを埋め込む方法

Gistコードを手軽に埋め込みは、単にビジュアルエディターにGist個別ページのURLを以下のように入力するだけです。

すると以下のようにGist埋め込みコードが表示されます。

ちなみに、上記はCocoonのGist埋め込み対応コードです。

コードを参考にしたページはこちら。

https://ottan.xyz/gist-wordpress-embed-4108/

ottan.xyz

Cocoonにもプログラミングコードのハイライト機能はありますが、Gistで表示させたい場合などにどうぞ。