WordPressプラグインを使わない「シンタックスハイライト」方法

ワードプレスのプラグインを使わない利点

コードのハイライトが出来る「シンタックスハイライト」はWordPressのプラグインを使わないほうが軽量でコードがキレイになります。

プラグインを使うと、バージョン変更の際に表示がかわってしまいます。そしてHTMLソースコードが複雑になりがちです。直接コード入力をする方にとってはWordPressプラグインを使わないほうが使いやすいかもしれません。

WordPressでも適用しやすいjavascriptのAPIは下の３つです。

google-code-prettify
syntaxhighlighter
highlight.js

google-code-prettifyは設置が簡単にできます。以前にjavascriptのAPIとして紹介しているのでご参照ください。

CodeプログラムコードをCSS装飾して表示するcode-prettify

code-prettifyでCode、プログラムコードを装飾する方法 code-prettifyで簡単にプログラムコード部分をCSS装飾する。 code-prettifyで提供されている言語 default Prettifyが自動的に判別し...

studybank.net

2021.04.11

highlight.jsは軽量でオンライン（WEBサイト）上でコードを直接書き込む際に使いやすいです。言語が豊富にあります。

highlight.jsは自作でオリジナルのコードエディタをつくる場合につかいましたが、色変更のレンダリングが高速で、文字を入力している最中もキレイに表示されます。コード入力がメインの人にはおすすめのAPIです。