以前の記事でwordpress6.1での不具合について書きました。
その時は、不具合が自力で解消できないので、バージョンを6.0.3にダウングレードしていたのですが、つい先日バージョンが6.1.1にマイナーアップデートしていたので、ためしにバージョンアップしてみました。
おお!以前のブロックエディタの問題が解決している。
と喜んでいたのもつかの間、新たな不具合を発見してしまいました。
今回は、wordpress6.1.1のエディタの不具合と対処法についてお話しします。
今回の不具合は、使っている環境によるところもあると思いますので、すべての方に当てはまるかどうかは分かりません。私の使っているテーマcocoonとの相性とか、cssのカスタマイズとかが原因かもしれませんし。
wordpress6.1.1の不具合
バージョン6.1の不具合は、ブロックエディタで改行にEnterキーを押すと、ブロック選択ボタンが表示されないという現象でした。
今回のバージョン6.1.1では、リストブロックの背景色が設定できなくなりました。
具体的には、以下のリストの背景を、
- リスト
- リスト
- リスト
このようにしたい。↓
- リスト
- リスト
- リスト
ですが、エディタ画面の右にあるブロックメニューにも背景を選択する項目さえありません、(リスト内のテキストの色も変更できない。)
通常の段落などでは、正常に表示されています。↓
リストに背景色をつけない方には、関係ないことですが、私は以前から淡いブルー・レッド・イエローをよく使ってました。
cocoonのアイコンリストブロックを使えば問題ないんだけど、通常のリストと使い分けしている場合は困るわ。
※ cocoonのアイコンリストの例
上がcocoonのアイコンリストです。オシャレにはなるんですが、さほどリストを強調したくないときは、通常のリストを使いたい。
対処法
不具合の対処法としては、あっさりとバージョンダウンするのが簡単なんだけど、今回は何とか解消できないかといろいろ試してみました。
とりあえず、リストブロックをコードエディタで見てみると、
<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>リスト</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->
このようになってます。
なので、ここに背景色をhtmlで指定してみることにしました。具体的には、上記の「<ul>」の部分にコードを挿入してみます。
背景色のコードは、
class="has-watery-blue-background-color has-background"
になります。(コードの中の「watery-blue」が色の指定部分です。)
このコードを「<ul」の後に半角スペース▯を開けて挿入します。
<ul class="has-watery-blue-background-color has-background">
このように記述して、ビジュアルエディタに戻ると正常に背景色が付きました。
- リスト
- リスト
- リスト
できたけど面倒じゃない?
まとめ
基本的には、セキュリティ面でもバージョンアップはした方が良いとは思ってます。
ただ、使い勝手を犠牲にしてまでバージョンアップしないでも良いかなと。
考え方は人それぞれなので、どちらを選択するかは自由ですが。
今回のwordpress6.1.1のバージョンアップでは、上記の他にもエディタ画面とプレビュー画面との差が大きくなったような気もします。
右のプレビュー画面に比べて、左のエディタ画面のリスト表示の間隔が明らかに違います。
細かいことかもしれませんが、できる限りエディタ画面とプレビュー画面の差が無いようにして欲しいものです。
エディタの使い勝手は、wordpress利用者にとって一番重要な部分です。バージョン6.1以降エディタ関係の不具合が多い気がする。
と言う事で、結論
「やっぱりバージョン6.0.3に戻します。」
今回は以上です。
この記事がどなたかのお役に立てればうれしいです。
それでは
コメント