先日 WordPress 7.0 へのメジャーアップデートがあったけど、「Twenty Seventeen」の画像処理（切り抜き、クリップパスなどの多角形変形、サムネイル拡大）に不具合が発生していたのでビックリ！
WordPress 7.0 の画像ブロック仕様（object-fit やアスペクト比の制御など）やエディタの CSS構造が大きく最適化さたので、Twenty Seventeen が独自に持っていたサムネイルの拡大・縮小ロジックや、CSS で実装していた多角形変形（clip-path など）の表示が崩れてしまうと言ったケースが報告されている。
【解決方法】
1）WordPress 7.0 の共通 CSS（object-fit 関連）が干渉している場合
* 7.0の自動アスペクト比による画像の歪みをリセット */
.wp-block-image img,
.thumbnail img,
.entry-content img {
height: auto !important; /* 縦横比の強制歪みを防ぐ */
max-width: 100%;
}
/* 多角形変形（clip-path等）を適用している画像のコンテナ崩れ対策 */
.your-polygon-class img { /* 「your-polygon-class」はご自身で設定したクラス名に変えてください */
object-fit: cover !important; /* または fill / contain 状況に合わせて変更 */
width: 100% !important;
height: 100% !important;
}
2）サムネイルの再生成（切り抜き設定のズレ）
Regenerate Thumbnails などのプラグインをインストール 「ツール」 ＞ 「Thumbnailの再生成」で実行
3）メディア設定のアスペクト比切り抜きを再確認
アップデートにより、デフォルトの切り抜きロジックが変更されている場合がある。
【Simple CSS に記述されている場合】
/* 例：今までの古い書き方 */
.my-polygon-image {
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
/* 7.0 対応：画像自体を確実に変形させ、サイズを固定する */
.my-polygon-image img {
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%) !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important; /* 画像が歪むのを防ぎ、枠内に収める */
}
/* 親要素（ブロック全体）の余計なアスペクト比固定を解除 */
.my-polygon-image {
aspect-ratio: auto !important;
}
「追加するための対策 CSS」
Simple CSS の最下部に、以下のリセットコードを追加する。
/* サムネイル画像が異常に拡大するのを防ぐ */
.wp-block-image img,
.entry-content img,
.thumbnail img {
max-width: 100% !important;
height: auto !important; /* 縦横比を維持したまま拡大縮小させる */
}
※ ホームページを開いたときは驚きで TwentySeventeen テーマは終わった？と思ったが、なんとか修正できて今まで通りの状態になった感じだ。