ワードプレスの最新版6.7「ロリンズ」がリリースされました。
弊社でも早速アップデート作業を行なっているところです。

さて。
WordPressバージョン6.7にアップデートすると、<head>〜</head>に見慣れないCSSスタイルが追加されていることに気づくはずです。

追加されているコードは以下。

<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>

このスタイルは、sizes="auto"属性を持つ画像に対して適用され、contain-intrinsic-sizeプロパティを利用して画像の描画パフォーマンスを向上させる意図があります。
具体的には、画像が遅延読み込みされる場合などに、レイアウトが崩れるのを防ぐ効果があります。

これが不要な場合、functions.php に以下のコードを記述して無効化できます。

remove_action( 'wp_head', 'wp_print_auto_sizes_contain_css_fix', 1 );

「WordPress 6.7」で追加されたcontain-intrinsic-sizeは、多くのサイトで有用ですが、特定のカスタムを施したウェブサイトでは不要になることもあります。

アップデート後は、こうした細かい変更点にも注意を払い、必要に応じて調整を行い、最適なサイト運用を続けていきましょう。