WordPress 6.7.1のアップデートで以下のスタイルが追加されました。
img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; }
これにより6.7で画像が小さくなっていた不具合は解消されたようですが、当サイトでは新たな問題が発生しました。
ブログカードなど一部の画像が縦伸びに。
原因はCSSで aspect-ratio: auto; を指定していたこと。（aspect-ratio: inherit; でも同様）
テーマCocoon設定のアスペクト比ではなく画像本来の比率が適用されるようautoにしていたんですが、WordPressのアップデートで上図のような状態に。
これはaspect-ratioを固定値にすることで対応できました。
noteでつぶやいたものが検索にヒットしているようだったので備忘録として残しておきます。
こういうカスタマイズをしているサイトは稀かもしれませんが。
テーマCocoonの2.8.1バージョンより、WordPressで導入されたsizes=”auto”の対策がされました。
Cocoon 2.8.1公開。WordPress 6.7.0からの不具合対応やその他不具合対応
Cocoon 2.8.0からの変更点です。機能追加「Cocoon設定」→「タイトル」→「フロントページ設定」→「サイトの説明」に「メタディスクリプションタグを出力する」オプションを追加「Cocoon設定」→「タイトル」→「フロントページ設定...
wp-cocoon.com
