wordpress6.1.1で問題解決、と思いきやリストブロックに不具合が。

ブログトラブル

こんにちは

以前の記事で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に戻します。」

今回は以上です。

この記事がどなたかのお役に立てればうれしいです。

それでは

最新お役立ち情報

コメント

タイトルとURLをコピーしました