Cocoonにおススメカードを簡単に設定する方法

この記事は、ブロ：初心者でも簡単にヘッダーメニューの下におススメカードの設定をする方法を解説していきます。

別記事で解説しているカルーセルとの違いは、おススメカードは固定されていますが、カルーセルは時間を設定して動かす事も可能です。

Cocoonカルーセル設定方法を初心者向けに解説

いずれかお好きな方法でCocoonで作成したあなたのサイトをより見やすくおしゃれにして行ってくださいね。

カテゴリ―にアイキャッチ画像を設定

まず最初にカテゴリ―にアイキャッチ画像を設定します。

カテゴリ―に画像が設定されていないと、せっかくメニューを作成しても、文字だけになってしまいます。

「ダッシュボート」→「投稿」→「カテゴリ―」をクリックします。

画面はカテゴリ―一覧ページが表示されます。
「編集ボタン」をクリックします。

スクロールダウンするとアイキャッチという欄がありますので、「選択」をクリックします。

画面はメディアライブラリーへ移動します。
ここで使いたい画像を選択します。

                                           「投稿に挿入」ボタンをクリックします。

アイキャッチに画像が挿入されました。

Cocoon おススメカード設置方法

いよいよおススメカードを作成していきます。
と言っても、操作はいたって簡単ですので、ご安心くださいね。

おススメカードを設置するためには、先ず最初にメニューを設定する必要があります。

「ダッシュボード」→「外観」→「メニュー」→「新しいメニューを作成しましょう」をクリックします。
「メニュー名」は、分りやすい名前（私はおススメカード）としました。

1. 「おススメカード」選択します。
2. メニュー項目を追加から「カテゴリー」▼をクリックします。
3. メニューに挿入したいカテゴリ―に☑をいれメニューに追加ボタンをクリックします。
4. メニュー構造に今クリックしたカテゴリ―が追加されました。
5. これを順番に繰り返していき、最後にメニューを保存をクリックします。

メニュー構造の順番を変更したい場合は、

１）移動させたいタブにカーソルを合わせます。
２）十字のカーソルになりますので、好きな位置まで移動させます。

最後は、忘れずに「メニューを保存」をクリックしてください。

最後は、Cocoonの設定となります。

「ダッシュボード」「Cocoon 設定」「おススメカード」をクリックします。

赤枠の中を設定していきます。
↓　↓　↓　↓　↓

最後に変更をまとめて保存ボタンをクリックします。
↓　↓　↓　↓　↓

まとめ

いかがでしたでしょうか？

一見すると難しそうに見えるおススメカードもやってみると簡単に設定できたと思います。
ヘッダーメニューだけでなく、このような画像が入るとちょっとおしゃれ感が増しますよね？！

おさらいの意味を込めてここに手順をまとめておきますので、参照してください。