使用していましたが、数日前PHPのバージョンを7.2.xから7.3.xに上げた途端にエラーを吐き出しました。手こずっています(現在進行形)。ダウンロードして使うこともできますが、今回の記事では触れません。汗コードを3行プラスするだけで設定は終わりまず、highlight.jsのサイトへ行きます。その時のバージョンが出ていますので、そこをクリックします。そこで、画像の部分をコピーします。src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.16.2/build/highlight.min.js"></script>それをWordPressテーマ内のheader.phpの<head></head>内に貼り付けます。貼り付けた下あたりに<script>hljs.initHighlightingOnLoad();</script>も貼り付けます。THORを使用していますので、「public_html/wp-content/themes/the-thor/header.php」を編集しました。3行追加できたら設定はおしまいです。ハイライターの背景色やテキスト色を変更する場合は下記で確認して、headerに書き込んだdefaultをお好きなスタイルに書き換えてください。demo...注意すべき点は小文字で単語と単語の間にハイフン(-)を入れておくことです。Sublime」なら「monokai-sublime」へ変更してください。私はsunburstを使用しました。ページにソースを書き込むページにソースを書き込む時、特定の文字のHTMLの実体参照変換が必要です。そのまま記述すると表示されないことがあります。変換するなどを行ってください。そこは、AddQuicktagのhtmlエンティティを利用すると簡単です。AddQuicktag設定の下方に「htmlentities」がありますので、チェックを入れて保存してください。Entitiesのボタンを押すだけです。その記述を<pre><code></code></pre>で囲むわけです。プレビューすると・・・・・あれ?表示が横1列に並んでる。先頭に縦ラインが入っている。THORの仕様なのかも試しに他のテーマでテストしてみました。無料のWordPressテーマCocoonです。THORの仕様ということになります。要するに<pre>の要素を変更しないといけないということです。#191919;これを取り敢えず消すとします。THORのフォーラムにも同様の質問がなされていましたが、今のところ回答は行われていないようです。いうプラグインを導入しました。設定も特に難しくはないです。<pre><code></code></pre>で囲うことでハイライト出来るため、過去のコードを変更しなくて良いので採用しました。泣ということで、今回は「まとまらない」でした。WordPress侍.。