シンタックスハイライトについて
プログラムをブログ上で公開する際にコードを綺麗にみせるために、
WordPressで最初からあったコードブロックを使ってみたのですが、
シンタックスハイライト(色分けして見やすくする機能)がなかったのでプラグインを探してみました。
結果として「Highlighting Code Block」が日本語でもドキュメントが充実しており、
使用感も良かったのでご紹介します。
Highlighting Code Blockについて
「Highlighting Code Block」はWordPressのプラグインページから直接インストール可能です。
更新のタイミングを最近で日本語の記事で公式ドキュメントがあるので非常に触りやすい印象です!
実際に使用してみた
「Highlighting Code Block」をインストールするとWordPressの投稿画面でブロックの投稿項目に「Highlighting Code Block」が表示されました。
実際に挿入して適当なHTMLコードを記載してみた様子が以下のコードです。
<html>
<head>
aaa
</head>
<body>
aaa
</body>
</html>
適用してみると選択できる言語も多く背景色もLightとDarkから選択できるため必要な機能は一通り揃ってました。
- HTML
- CSS
- SCSS
- JavaScript
- TypeScript
- PHP
- Ruby
- Python
- Swift
- C
- C#
- C++
- Objective-C
- SQL
- JSON
- Bash
- Git
非常に簡単に適用でき扱いも楽でした。プラグインの提供者に感謝ですね。
今後も使っていきたいと思います。