2026年1月3日

アイキャッチ画像の大きさが枠(グリッドの列幅)と連動せず、デザインが崩れてしまっているのですね。 WordPressの「最新の投稿」ブロックの仕様上、画像の表示サイズは「グリッドの枠の幅(CSS)」で決まります。

画像だけを小さくしても枠(450pxなど)が広いままだと、隙間が空いてしまったり、逆に画像が無理やり引き伸ばされたりします。

「枠のサイズを程よい大きさ(240px)に調整し、画像がそれにピタッと合うようにする」 設定に修正しました。 これなら、スマホでは2列、パソコンでは4〜5列くらいにきれいに並びます。

Canvasの 「完全版スタイルシート:style.css」 を更新しましたので、WordPressの「追加CSS」に全上書きしてください。

【修正のポイント】

グリッドの最小幅を 450px(超巨大)から 240px(標準的) に変更しました。

画像が枠いっぱいに広がる設定(width: 100%)を再確認し、隙間ができないようにしました。

※もしもっと大きく・小さくしたい場合は、コード内の 240px という数字を書き換えるだけで調整で

コメント