Snow Monkey 投稿記事一覧のアイキャッチ画像の比率を4:3から16:9に変更するCSSコード

2024年5月19日

大東信仁（ものくろ）

WordPressテーマ Snow Monkeyの記事一覧（例えば、最近の投稿ブロックなど）のアイキャッチ画像の比率が、4:3 なのを 16:9 に変更するには下のCSSコードを追加する。

/* アイキャッチ画像 16:9 */
.c-entry-summary .c-entry-summary__figure::before {
    padding-top: 56.25%;
  }

PC表示の、最近の投稿ブロックでのシンプルレイアウトだと、アイキャッチ画像サイズが小さく感じるので、下のコードも追加する。

@media (min-width: 1024px) {
    .c-entries--simple .c-entry-summary__figure {
        width: 33% !important;
    }
  }