Cocoonにはヘッダー下におすすめ記事を表示することのできるカルーセルという機能があります。
こんなやつです↓
このカルーセル、PC画面では１画面に６枚、スマホでは１画面に２枚というようにデバイスごとに表示される件数が決まっていて変更することはできません。
また、１度にスライドする枚数も決まっています。
表示する枚数を減らして１枚１枚を大きく表示できたらなー、と考え
表示枚数と１度にスライドする枚数を変更する機能をつけてみました！
カルーセルの設定変更方法
カルーセルの設定はカスタマイザーから簡単に変更することができます。
カスタマイザーを開くとスキンNAGIの設定があるのでそこをクリックし、カルーセルの設定を選択します。
すると上のような設定画面になります。
各画面幅ごとに表示枚数を入力、１枚ずつスライドさせたい場合はチェックボックスにチェックを入れます。
チェックなしの場合は表示枚数と同じ枚数がスライドします。
※仕様変更にて細部が変更になっている場合がありますが、機能に違いはありません
上の画像は１度に表示する枚数を４にしてみたものです。
１画面に表示される枚数が４枚になり、１枚１枚の画像の大きさも大きくなっているのが見てわかると思います。
また、１度にスライドする枚数もチェックを入れて１枚ずつのスライドになっています。
※仕様変更にて細部が変更になっている場合がありますが、機能に違いはありません
このように簡単にカルーセルの設定を変更できます。
ごー
カルーセルの設定変更の解説は以上となります。
コメント