![](https://starting-marketing.com/wp-content/uploads/2021/11/austin-distel-gUIJ0YszPig-unsplash-1024x683.jpg)
この記事ではCocoon設定の【カルーセル】のタブについて解説していきます。
【カルーセル】では、ヘッダーの下にオススメの投稿をスライドショーで表示するなどの設定をすることができます。
それでは順に解説していきます。
カルーセル設定
![](https://starting-marketing.com/wp-content/uploads/2021/11/arK6pJMWhG5Koh51637635842_1637635884_result.jpg)
プレビュー
![](https://starting-marketing.com/wp-content/uploads/2021/11/7b152d8e80255360d860f75fa831f8e5.jpg)
デフォルトでは「表示しない」設定になっているのでプレビューでは何も表示されない状態になっています。
表示させる場合には、下で解説している【カルーセル表示】の項目で「表示しない」以外を選択します。
カルーセル設定を変更していく際には、このプレビューを見つつ都度確認しながら進めましょう。
カルーセルの表示
![](https://starting-marketing.com/wp-content/uploads/2021/11/fe3d121b7557347fc01fe90723224f9f.jpg)
カルーセルを表示させる場合は、この項目で「表示しない」を変更する必要があります。
また表示する場合、どのページに表示するかを設定することができます。
- 表示できるページは、
- 表示しない
- 全ページで表示
- フロントページのみで表示(TOPページのみで表示)
- 投稿・固定ページ以外で表示(TOPやカテゴリーページで表示)
- 投稿・固定ページのみで表示(TOPやカテゴリーページで非表示)
- 投稿ページのみで表示
- 固定ページのみで表示
この中から選択することができます。
その下の「スマートフォンで表示」にチェックを入れると、スマホでも表示されるようになります。ただし、表示されるカルーセルの高さはMAXで480pxまでです。
表示内容
![](https://starting-marketing.com/wp-content/uploads/2021/11/527d302b5c367258a5329d220b2c602e.jpg)
【表示内容】では、どの記事をカルーセルに表示させるかを設定します。
「人気記事」では、チェックを入れることで、選択した期間で集計した人気記事を自動で表示してくれます。
期間の種類は、
- 本日
- 7日間
- 30日間
- 1年間
- 全期間
の5つから選ぶことができます。
![](https://starting-marketing.com/wp-content/uploads/2021/11/cb137d2684a947075654e548b162c792.jpg)
その下の「カテゴリー」では、カテゴリー別に表示・非表示を選択することが可能です。チェックを入れたカテゴリ内の記事をカルーセルで表示させることができます。
その下の「タグ」では、タグ別に表示・非表示を選択することが可能です。チェックを入れたタグ付けされた記事をカルーセルで表示させることができます。
また、「人気記事」「カテゴリー」「タグ」を全て設定した場合は、合算された上でランダムに表示されるようになります。
カルーセルの並び替え
![](https://starting-marketing.com/wp-content/uploads/2021/11/3175b443f1b069cea90d2600550cc2ef.jpg)
【カルーセルの並び替え】では表示する順番を指定します。
デフォルトでは「ランダム」になっていますが、そのほかに「投稿順」や「更新順」で表示することができます。
![](https://starting-marketing.com/wp-content/uploads/2021/11/2c1c98f7edb8b5fbf8d22aa7fb3aab0a.jpg)
最大表示数
![](https://starting-marketing.com/wp-content/uploads/2021/11/11d9e38a9c50bb2dfdf6608d450dc786.jpg)
【最大表示数】は、カルーセルに表示する最大表示数を設定することができます。
デフォルトでは「18」となっていますので、仮にデフォルトで設定すると50記事あったとしても18記事までしか表示されません。全て表示させたい場合は50と入力しましょう。
最低でも12記事、最大で120記事まで表示させることができます。
枠線の表示
![](https://starting-marketing.com/wp-content/uploads/2021/11/3320cff5ebfe173cf5b7d7204239324f.jpg)
【枠線の表示】では表示されたカードに枠線を表示するかを設定できます。
▼枠線の表示 ON/OFF
・枠線あり
![](https://starting-marketing.com/wp-content/uploads/2021/11/e6dc02bc1c91f5036e624fb2103943fb.jpg)
・枠線なし
![](https://starting-marketing.com/wp-content/uploads/2021/11/b246bec7bb2612a7d94aa867bd46b43d.jpg)
オートプレイ
![](https://starting-marketing.com/wp-content/uploads/2021/11/4dbbcb49e270f5998e6d23ce8f874613.jpg)
「オートプレイを実行」にチェックを入れると、自動でスライドさせるようになります。
オートプレイインターバル
![](https://starting-marketing.com/wp-content/uploads/2021/11/10382b060180ea40b2f09cdc9e55bb2b.jpg)
最後の【オートプレイインターバル】では、「オートプレイを実行」にチェックを入れた場合、自動でスライドされる間隔を設定することができます。
デフォルトでは5秒になっていますが、3秒〜30秒の間で設定することができます。