WordPressでHighlight.jsを適用するためのプラグインを作ってみた

どうもLhaplusです。

今回は、記事でコードをかっこよく表示させるためのプラグイン「Highlight.js」を、WordPressに一発で適用させるためのプラグインを作ったので配布します。

「Highlight.js」は結構昔から気に入って使っているのですが、WordPressのカスタマイズやサイト移行などしてしまうと、設定を毎回最初からやり直す必要がありました。

まあ結構だるい作業なのでプラグインにしました。

他にも色々とハイライター系のプラグインはあると思いますが、シンプル軽量を意識したので余計な機能はありません。

プラグインを追加するだけでデザインが反映されます。「設定」＞「コードハイライト設定」でテーマ選択ができます。初期は「default」に設定されるので、最初に好みのものに変更してください。

WordPress.comの公式レポジトリーには、余裕あるときに登録申請する予定です。

プラグインのダウンロード

下記のリンクよりダウンロードお願いします。フィードバックなどあればお気軽にご連絡ください。

easy-code-highlighterのダウンロード

ソースはGitHubで公開しています。

これからやりたいこと

やっぱり、ビジュアルエディター画面で、文字を実体参照変換したものをスッと挿入したいので、そこらへんの機能を近いうちに実装していこうかと思います。