highlight.jsをこのWordPressブログに導入しました。
シンプルで軽くて使いやすい。
自分用のメモ。
ダウンロードも出来ますがCDNから読み込んでいます。

まず、function.phpに下記を記述します。
JSファイルとCSSファイルをCDNから読み込みます。

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
function theme_name_scripts() {
  wp_enqueue_style( 'highlightjs', 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css' );
  wp_enqueue_script( 'highlightjs', 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js', array(), null, true );
}

現在の最新バージョンはv9.12.0です。
スタイルも沢山あります。
適宜、default.min.cssdefault部分をスタイル名に変更すれば反映されます。

次に、footer.phpwp_footer();より下に下記を記述します。

<script>hljs.initHighlightingOnLoad();</script>

後はソースコードをpreタグとcodeタグで囲ってあげるだけです。
簡単ですね。


コメントを投稿する

* が付いている項目は必須です。
メールアドレスが公開されることはありません。