Enlighterは、いくつもあるプログラムソースコードをハイライトするプラグインの中でも、かなり機能が充実しているプラグインです。また、ブロックエディター（Gutenberg）にも対応しています。
Enlighter – Customizable Syntax Highlighterプラグインのインストール
「Enlighter – Customizable Syntax Highlighter」プラグインを利用するには、管理画面のサイドバーにある「プラグイン」⇒「新規追加」を開き、「Enlighter」と検索すると表示されます。
プラグインを使用するには、インストールをして有効化します。
プラグイン詳細：Enlighter – Customizable Syntax Highlighter
Enlighter の設定・使用方法
プラグインを有効化すると、ダッシュボードのサイドメニューに「Enlighter」が追加されます。
Enlighterの使い方
ブロックエディターに「Enlighter Sourcecode」ブロックが追加されます。
投稿に「Enlighter Sourcecode」ブロックを追加したところにコードを入力します。
「ブロック」では、使用言語やテーマなどを設定できます。
- Language: 言語設定
- Speciallines: 強調表示したい行の設定
- Lineoffset: 行の開始番号の設定
- Theme: コード表示のテーマ設定
- Linenumbers: 行番号の表示設定
インラインでコード表示方法
文章の中にコードを書いて、それをハイライト（強調）表示もできます。
ハイライトしたいコードをマウスでフォーカスして、次にツールバーから「<> Enlighter Inline Code」を選択します。
「Language」に使用言語を設定します。また、ハイライトを解除したいときは、「Clear」ボタンをクリックします。
インラインでハイライトされると、下の例のように表示されます。
スポンサーリンク
コメント