「Highlighting Code Block」というプラグインをインストールしたら、WordPressバージョン非互換で使用できなかった。バージョンアップするかーと思ってたら、PHPもあげないといけなかった。びっくり。いつから放置してたんだろう。
PHP:5.x ⇒ 7.4
WordPress:4.x ⇒ 6.3.1
最初にPHPのバージョン変更設定をレンタルサーバーの設定で行ったが、ブログを更新したら「データベース接続確立エラー」となってしまった。よくよくマニュアルを読んだらデータベースのパスワードも変更する必要があった！
データベースのパスワード形式：「old_password形式」⇒「native_password形式」
次にWordPressをバージョンアップ。バックアップも取らずにやっちゃったけど無事成功。んがしかし、いざブログ投稿しようとしたら、ブロックエディタ（Gutenberg）が起動した。ナニコレ！見づらい。「コードエディター」というのを設定項目（右上の・が縦３つのやつ）から見つけて変更したものの、なんだか違和感を覚える。行数表示してほしい、なんとなく。下書き保存したら<P>タグ消えるしさ。まあ、それは前からか。
「classic-editor」という公式プラグインのがあると知って早速インストールしたら、「投稿」からすぐに昔のフォーマットが表示された！よかった、こっちの方が安心して編集できる。
Highlighting Code Block
「Highlighting Code Block」を試しに使ってみようとしたら、どこにもない。「classic-editor」対応とあったが、最新版のWPには対応してないのかもしれない。ブロックエディタ（Gutenberg）ではプラグインを選択できてたので、その時のコードを直接書いてみたら、編集画面では表示されるのにプレビューすると、記事がまるごと表示されなくなったり、clr_br(‘ ‘)が表示されたりする。
以下は通常の<code>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-html" data-lang="HTML"><code>
ここにコードを書く
</code></pre>
</div>
「Highlighting Code Block」を書くとclr_br(‘ ‘)が表示されてしまう
<div class="hcb_wrap">
<pre class="prism line-numbers lang-html" data-lang="HTML"><code>
ここにコードを書く
</code></pre>
</div>
Enlighter
どうもうまくいかないので、他のプラグインをインストールしてみたら「Enlighter」のボタンはビジュアルモードでのみ表示されるが、clr_br(‘ ‘)が表示されてた。ブロックエディタで再度やってみたけど、「Highlighting Code Block」「Enlighter」とそれ以外のやつも、clr_br(‘ ‘)が表示されてたし、これはWP側の問題なのかなー。
<pre class="EnlighterJSRAW" data-enlighter-language="html"> ここにコードを書く </pre>
追記【23.9.12】
「brBrbr」というプラグインを無効化したらclr_br(‘ ‘)が消えた。ただし、「コードブロックに行数を表示する」にチェックが入っているのに表示されてないなぁ。こっちは「Highlighting Code Block」プラグインの不具合かな。
