WordPressのコードハイライトはWP Code Highlight.jsがオススメ

2017/04/03

(更新日:2023/10/19

WordPressのコードハイライトはWP Code Highlight.jsがオススメ

WordPressのコードハイライトは「rayon Syntax Highlighter」をずっと使っていましたが、なぜかこのサイトではタグがエスケープされてしまっていました。

ググるとプラグインのファイルを直接さわって修正するような記事が沢山あったんですが、プラグインなんだからそれはダメだろと、結局他のプラグインを使うことに。

そこで見つけたのがJavascriptライブラリの「highlight.js」を使用したシンプルなプラグイン『WP Code Highlight.js』です。

WP Code Highlight.js

このプラグインを使ったところ問題も解決し、JSライブラリを呼び出すだけなので表示も軽い!
WPプラグインではなく直接highlight.jsを記述する方法もあるけど、せっかくWPなのでプラグインのほうがお手軽で良いですね。

設定も簡単でプラグインを有効化するだけで使えます。

有効化した時点ではデフォルトのカラースキームになっているため、随分シンプルな配色になっています。
WP設定画面から好きなカラーを選びましょう。

カラースキームは以下サイトからデモが見られます。
https://highlightjs.org/static/demo/

もやもやしていたのがスッキリしました!
今後は他のサイトでも、「WP Code Highlight.js」に置き換えていきましょう。