【Cocoon】簡単！トップページの表示形式をタブやカテゴリ別にする

Cocoon のトップページは、デフォルト設定だと以下の画像のように、記事が縦に並んでいます。

これを、タブやカテゴリ別の表示形式にカスタマイズしてみましょう！

とっても簡単です！

トップページの表示形式・変更方法

***********　作業開始　***********

➊ 左のメニューから「Cocoon設定」→「インデックス」を選択

❷ 最初は一覧（デフォルト）が選ばれているので、好きな表示形式を選択

❸ 次に、フロントページ（トップページ）に表示させたいカテゴリにチェックを入れます

❹ 左上 or 左下の「変更をまとめて保存」をクリック

***********　作業完了　***********

これだけです！

では、どのように変更されるか見てみましょう！

一番上に「タブ」が表示されました。

これで、カテゴリの切り替えができます。

ただし、4つまでしか表示されないのが難点。

またこの方法ですと、ヘッダー下にタブ表示している場合に重複してしまいますのでご注意ください。

一番上に「新着記事」がついたのと、一番下に「もっとみる」が付いただけで、あまり変わった感じがしないかもしれません。

さらに下にスクロールすると、カテゴリ別の記事が並んでいます。

上記画像では、カードタイプを「縦型カード2列」にしています。

カードタイプを変えると、さらに表示形式に幅が広がりますので色々お試し下さい。

これが一番オススメの表示方法です！

新着記事は、ぱっと見よさそうなんですが……

下のほうがやや窮屈に感じるかもしれません。

もともと「サイドバーを使っていない方向け」らしいので、サイドバーを使う方は２カラムのほうが無難です。