[覚書] 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 まで

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

のようにしている場合、

6.2 以降では

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

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

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

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

6.1.1 まで

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

6.2 以降

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

他にも気が付いたら

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

お役に立ちましたら、シェアしていただけると嬉しいです😀

はてなブックマークに追加Add
クリップボードにコピーCopy URL
Author

林@零細Web屋

名古屋の自営業者(フリーランス12年目)です。中小/個人の事業者さんが抱えるお悩みの解決・目的達成のお役に立てるよう、Webサイト制作&運用支援を行っています。かつて中小企業で情報システム・広報・採用などを担当していた経験を活かし、受け手の目線に立った仕事を心がけています。

» プロフィール詳細 » 問い合わせてみる