ここでは、トップページにカルーセルを入れる方法を説明します。
Cocoon設定で簡単にできます。
カルーセルとは?
カルーセル【carousel】とは、回転木馬を意味する言葉です。
Webデザインの一種で、狭いエリアに複数のコンテンツを表示させます。

コンテンツ(画像)をスライドさせて表示する様子が、メリーゴーランドのように見えることからそう呼ばれています。
カルーセルを入れる手順

「Cocoon設定」>[カルーセル]タブを開きます。

設定を変更します。

①「カルーセル」タブを開く
② 表示させるカテゴリーを選ぶ
③ オートプレイにする場合はチェックを入れる
④「保存」ボタンを押す
※お好みで、他のページでも表示させたり、表示数・枠線の有無・オートプレイで何秒ごとに切り替えるかを変更したりできます。
これで完了です。