WordPressでコードを表示させる

スポンサーリンク

WordPressへコードを表示する際は、HTMLタグなど、ものによっては、特殊文字をエンティティ化しなければならない。
また、見やすいように表示もしたい。
なおかつ、ワードプレスの動作も軽くありたい。
そこでおすすめするのが、
ワードプレスプラグインである
AddQuicktag

埋め込むだけのCSSとjavascriptの
Prism.js

です。

Prism.jsを埋め込むことにより、
要素に反応し。コードにハイライトをしてくれます。

そしてそれの要素のコードを簡単に埋め込めるようにしてくれるのが、
AddQuicktagとなります。

AddQuicktagは管理画面のみの機能で、
Prism.jsはJsとCSSなので、サーバーの負荷も考える必要ないですね。

参考
WordPressにシンタックスハイト表示 !プラグイン無しでソースコードを綺麗に埋め込める prism.jsの使い方
WordPressでコードやソースを記述するための特殊文字変換はAddQuickTagで一発解決

コメント

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