[blog] PHPとWordPressのバージョンアップ

「Highlighting Code Block」というプラグインをインストールしたら、WordPressバージョン非互換で使用できなかった。バージョンアップするかーと思ってたら、PHPもあげないといけなかった。びっくり。いつから放置してたんだろう。

PHP:5.x ⇒ 7.4
WordPress:4.x ⇒ 6.3.1

最初にPHPのバージョン変更設定をレンタルサーバーの設定で行ったが、ブログを更新したら「データベース接続確立エラー」となってしまった。よくよくマニュアルを読んだらデータベースのパスワードも変更する必要があった!

データベースのパスワード形式:「old_password形式」⇒「native_password形式」

次にWordPressをバージョンアップ。バックアップも取らずにやっちゃったけど無事成功。んがしかし、いざブログ投稿しようとしたら、ブロックエディタ(Gutenberg)が起動した。ナニコレ!見づらい。「コードエディター」というのを設定項目(右上の・が縦3つのやつ)から見つけて変更したものの、なんだか違和感を覚える。行数表示してほしい、なんとなく。下書き保存したら<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」プラグインの不具合かな。

関連リンク