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

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列表示にできます。

WordPress

Posted by ton