Menu
テーマ切り替え

Crayon Syntax Highlighterの代替プラグイン「Enlighter」

Crayon Syntax Highlighterの代替プラグイン「Enlighter」

ソースコードをきれいに表示させるのに役立っていた「Crayon Syntax Highlighter」ですが、更新も止まったままの状態で再開の目処はなさそうです。当サイトでも修正しながら使用してたのですが、さすがにこのまま使用していくのも面倒なので代替用のプラグインに変更しました。代替と言ってもCrayonを使って結構な記事を書いてしまっているので、書き換えるのも面倒・・・。そんな状況にぴったりな「Enlighter」というプラグインをご紹介します。

Enlighterのインストール

 プラグイン→新規追加から「Enlighter」と検索してください。表示されたらインストールし有効化しましょう。

https://ja.wordpress.org/plugins/enlighter/

Enlighterの特徴

 Enlighterは、新旧どちらのエディタでも使用可能なのと、「Crayon Syntax Highlighter」の互換モードがあるのが特徴です。Crayon以外にも下記に互換・移行対応。

・Crayon 互換モード ・CodeColorer 互換モード ・Jetpack マークダウン互換モード ・Gutenberg 標準コードブロック互換モード

EnlighterでCrayon 互換モードにする

管理画面→Enlighter→Compatibility Compatibility mode(相互モード)をONにしてください。 その後、画面上部にある「Crayon」タブに切り替え、CrayonのチェックボタンをONにすることで有効化されます。

これでCrayonで使用してた

コードを自動で判別しハイライト表示されます。
Share:

RU DESIGNの無料Webツール集

画像処理、テキスト整形、AIツールなど、制作や作業を効率化する便利ツールをブラウザで無料公開中!

ツールを見る →
Contact & Request

お問い合わせ・お仕事のご相談

Webサイト制作、システム開発、サイト保守・改善などのご依頼や技術的なご相談を承っております。専用フォームよりお気軽にご連絡ください(2営業日以内にご返信いたします)。

フォームより24時間受付 初回ご相談・お見積り無料 全国オンライン対応
RU DESIGN
AUTHOR

RU DESIGN

Webサイト制作・システム開発・保守運用を手がけています。一般からナイト系まで幅広く対応し、制作で培った実践的なノウハウや技術知見、自作Webツールも公開中。制作のご相談もお気軽にどうぞ。