投稿画面でコード埋め込みたい。

HTML, WordPress

みなさん、投稿画面でソースコード埋め込んでますか？

今回はWord Pressの投稿画面からコードを埋め込んでみたいと思います。

やりかた

フォーマット　→　コード　を選択します。

↑こんな感じでコードを記入します。

<p>ここにコードを記入する。</p>

↑こんな感じでコードが表示されます。

※見た目はCSSでカスタマイズしています。

ここからはおまけです。↓

コード

最近知って感動した<details>タグのコードとサンプルを投稿画面から記入します。

<details>

<summary>open</summary>
よ！

</details>

コードだけなら上記のやり方でできます。

サンプル

サンプルは「コード」ではなく「カスタムHTML」で記入します。

開けてみる よ！

いけてますね。

ちなみにこのサイトで使用している自作のテーマでも<details>でハンバーガーメニューを実装しています。

目次とかにも利用できそうですね。