【WordPress】Cocoonテーマの新着記事を2列表示にする方法

2023年9月5日WordPress

Cocoonテーマの新着記事はただ設置しただけだと1列表示になるので、2列表示にする方法を紹介します。

完成図

以下のように2列表示になります。

やり方

1．以下のように新着記事ブロックを追加する。（ブロックの設定内容は任意）

2．子テーマのstyle.cssに以下を記載

/* 新着記事2列表示 */
.new-entry-cards {
  display: flex;
  flex-wrap: wrap;
}

.new-entry-card-link {
  width: 50%;
  /* 3列にしたいは33%にすればできる */
}

完成

これだけで2列表示にできます。