コードをハイライト表示できるようにする

wordpress

必要なファイル

必要なファイルをチェックを入れてDL
highlight.js

設置先

/js/highlight/highlight.pack.js
/js/highlight/styles/a11y-dark.css

wordpress側の追記

Appearance/Thema Editor/Header.php
head内に追記する。

<head>
<!-- ハイライト表示 -->
<link rel="stylesheet" href="/js/highlight/styles/a11y-dark.css">
<script src="/js/highlight/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<!-- ハイライト表示ここまで -->

</head>

注意事項

テーマの更新や変更で吹っ飛ぶので注意すること。