【Cocoon】トップページでカテゴリー表示のカスタマイズをする方法

トップページの見栄えをきれいにカスタマイズしたいという人は多いのではないでしょうか。

コードの知識がない、CocoonやWordPressについて詳しくないと、トップ画面のカスタマイズが難しいと思っていませんか。

実はそんなことはありません。

Cocoon設定の[インデックス]を使えば、簡単にトップ画面をきれいなレイアウトにすることができます。

この記事を見ることで、Cocoon設定の[インデックス]を使って、トップ画面をカスタマイズできるようになります。

カテゴリーごとの記事一覧のカスタマイズ方法

まず、この記事を見ることでこのようなトップ画面を作ることができます。

インデックスを使った設定方法

まずは[Cocoon設定]を開き、[インデックス]を選択します。

以下の4つをいじってカテゴリーごとの記事一覧をカスタマイズしていきます。

フロントページタイプ

まず、フロントページタイプを設定します。

並び順

並び順で、記事の表示順を設定しましょう。

カードタイプ

カードタイプではカードの表示設定ができます。

チェックボックス横の画像アイコンにマウスを合わせると見本が見れるので、お好みで設定しましょう。

枠線の表示

カードに枠線を表示するかを設定できます。

枠線があった方が、デザインにメリハリが出ますね。

完成

4つ設定しました。

これで、カテゴリーごとの記事一覧部分のカスタマイズは完成です。

ここから下では他の項目についてまとめてみたので、もっと細かくカスタマイズしたいという方はぜひ見てみてください

その他の項目の解説

順番に解説していきます。

自動生成抜粋文字数 / 省略文字列

カードに表示する文字列の設定ができます。

登録関連情報の表示

除外カテゴリー

トップ画面を思い通りにカスタマイズしよう

トップ画面のカテゴリー表示のカスタマイズ方法を紹介してきました。

Cocoon設定の使い方を知ると、簡単にカスタマイズできるので、色々いじってみるとコードの知識が無くてもオシャレにできると思います。