カルーセルの設定変更

Cocoonにはヘッダー下におすすめ記事を表示することのできるカルーセルという機能があります。

こんなやつです↓

このカルーセル、PC画面では１画面に６枚、スマホでは１画面に２枚というようにデバイスごとに表示される件数が決まっていて変更することはできません。

また、１度にスライドする枚数も決まっています。

表示する枚数を減らして１枚１枚を大きく表示できたらなー、と考え

表示枚数と１度にスライドする枚数を変更する機能をつけてみました！

カルーセルの設定変更方法

カルーセルの設定はカスタマイザーから簡単に変更することができます。

カスタマイザーを開くとスキンNAGIの設定があるのでそこをクリックし、カルーセルの設定を選択します。

すると上のような設定画面になります。

ちょっとこの設定画面見づらいですよね。。すみません。

とはいえ、設定は簡単です。各画面幅ごとに表示枚数や１度にスライドする枚数を入力すればそれが反映されます。

上の画像は１度に表示する枚数を４にしてみたものです。

１画面に表示される枚数が４枚になり、１枚１枚の画像の大きさも大きくなっているのが見てわかると思います。

また、１度にスライドする枚数も１枚に設定しているので、１枚ずつのスライドになっています。

このように簡単にカルーセルの設定を変更できます。

ごー

カルーセルの設定変更の解説は以上となります。