[覚書] WordPress 6.2 ブロックエディターCSSの変更点 (6.1.1からのアップデート)

WordPress 6.1.1 → 6.2 にアップデートしたら、なんか表示崩れた

ので、確認したところ ・・ ブロックエディターにデフォルトで付与されるCSSクラスなどがいくつか変更されている模様。 主に自分用のメモです。

  • h2, h3 … タグに .wp-block-heading というクラスが付与されるようになった
  • ギャラリーのキャプションのHTML/クラスが変更になった

→ テーマの style.css 側での対応が必要

h2, h3 … タグに .wp-block-heading というクラスが付与されるので

6.1.1 まで

h2:not([class]) { /* h2 のスタイル */ } 

のようにしている場合、

6.2 以降では

h2:is(:not([class]), .wp-block-heading) { /* h2 のスタイル*/ }

のようにしてやる必要がある。

ギャラリーのキャプションのHTML/クラスが変更

ギャラリー全体に対するキャプションのHTML/クラスが変更になった
(ギャラリー個々画像のキャプションは変更なし)

6.1.1 まで

.wp-block-gallery ul + figcaption { /* キャプションのスタイル */ } 

6.2 以降

.blocks-gallery-caption { /* キャプションのスタイル*/ }

他にも気が付いたら

随時追記するかもしれません (未定

ツイート フォロー Facebookでシェア