1. TOP
  2. >技術メモ>
  3. Crayon Syntax Highlighterの代替プラグイン「Enlighter」

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

技術メモ, プラグイン, WordPress

2023/06/05
Crayon Syntax Highlighterの代替プラグイン「Enlighter」

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

Enlighterのインストール

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

Enlighter – Customizable Syntax Highlighter

Enlighterの特徴

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

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

EnlighterでCrayon 互換モードにする

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

これでCrayonで使用してた

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

- PR -

ニッチなテーマのイラスト素材投稿始めました。良かったら使ってください。
RU DESIGN/無料イラスト・フリー素材「イラストAC」

オリジナル絵本 Kindleにて出版
ナマケモノのふにゃまるちゃん

ドメイン取得は同じところで取得しておくと便利ですよ。


応援・支援よろしくお願いいたします。サイト運営に使わせていただきます。

■BTC
1PPYM4493tNYVZuGxXnYLpVdKJXSwFagPQ
■MATIC
0xC75744667A7396DFF507cf44371A2CF0B6eEF03B
■ETH
0xC75744667A7396DFF507cf44371A2CF0B6eEF03B

ホームページ制作ならRU DESIGN

関連記事

メタタグを使用して簡単にリダイレクト(301)設定する方法
2024/05/23
サイトのドメイン変更時、なんらかの理由で公開時のアドレスと異なる記事へ移転や変更をした際に、訪れたユーザーを指定したURLへ転送するリダイレクト機能について。古...
WordPressでカスタム投稿に投稿する際に、アイキャッチを設定していなければ自動で設定させる方法
2024/05/20
ワードプレスのアイキャッチの設定をしなかった場合でも、投稿時に自動で設定してくれる方法です。   functions.php function def...
別のワードプレスへ記事移行の際に画像もエクスポートしてくれるプラグイン
2024/05/16
ワードプレスの記事をエクスポートする際に、デフォルトの状態ではメディア(添付ファイル)は含まれません。「Export media with selected c...
ワードプレス各バージョンと使用可能なPHPバージョン一覧
2024/01/29
 WordPressのバージョンによって使用可能なPHPのバージョンは異なってきます。PHPのバージョンによっては、ワードプレスが正常に動作しなかったり、テンプ...
古いMacに「ChromeOS 」をインストールして利用
2023/10/08
 Googleが提供しているChrome OS(クローム・オーエス)は、Linuxをベースとしたオペレーティングシステム(OS)の1つ。その中でPCやMACでも...