WordPressでコードのシンタックスハイライトをつける

2019年5月26日WordPressHighlighting Code Block

参照サイト

WordPressでソースコードの記述がめちゃくちゃ簡単に！新旧エディタに対応のシンタッ

ブロックエディター・旧エディターの両方に対応しているシンタックスハイライトプラグイン、「Highligh ...

 https://wemo.tech/2122

プラグインの変更

以前は「Crayon Syntax Highlighter」を使用していましたが、ビュー側での使い勝手が良くなかったのでプラグインを変更。

クリック時に一行目が隠れてしまうのが一番の懸念点でした。

Highlighting Code Blockをインストール

例えばPHPでシンタックスハイライトを適用するとこのような感じ。

$hoge = 'piyo';
echo $hoge;

かなり雑な例ですが。

参照サイトを見れば行番号を出したり背景色も変更出来たりするので、これは結構気に入っています。