Point: カルーセルとは
カルーセルは、複数のコンテンツをスライド形式で順番に表示できる機能です。Studioでは、静的なリストカルーセルとStudio CMSのコンテンツを活用した動的なCMSカルーセルの2種類があります。
カルーセルの概要や各カルーセルの違いについては、カルーセルの記事を参照してください。
リストカルーセルを配置する
リスト機能を使ったカルーセルは、専用パーツを使用して配置します。
専用パーツにはサンプルデータがあらかじめ設定されているので、アイテムを置き換えて使用してください。
エディタ左側のナビゲーションで追加アイコン
をクリックします。追加パネル下部[インタラクション]メニューから[Carousel]をドラッグ&ドロップ、またはクリックしてスクリーンに配置します。
Tips: パーツタブからカルーセルを追加する
追加パネル内の[パーツ]タブ下部の[カルーセル]メニューから、カルーセルパーツを追加することもできます。
カルーセルパーツには、画像のサンプルデータは設定されていません。
カルーセルアイテムの項目（プロパティ）を編集する
カルーセルアイテム内のテキストや画像などの項目は、右パネル上の[データ]タブでプロパティを編集します。
カルーセルを選択します。
正しく選択できていれば、右パネルに[カルーセル]タブが表示されます。
右パネルで[データ]タブを選択します。
パネルが表示されていない場合は、右パネルを開きます。
データパネル上のリストで、該当のプロパティを編集します。
編集方法の詳細は、リストの作成と管理方法をご覧ください。
プロパティを追加する
下記の手順で、新たにプロパティを追加できます。
リストカルーセルに自動再生を設定する
カルーセルには自動再生が設定できます。
設定方法などの詳細は、カルーセルを自動再生するを参照してください。
カルーセルアイテムを編集する
カルーセルアイテムはレイアウトやスタイルを共有しています。
例えば、1アイテム内でのテキストサイズを変更すると、ほかの全アイテムにも同じ変更が反映されます。
編集方法
カルーセルアイテムをダブルクリックして編集モードにします。
各種編集をします。
外観・ポジション・色などのデザイン編集は、右パネルの[ボックス]タブから行います。
アイテムを追加する場合には、[データ]タブ上の表でアイテムを追加します。
※カルーセル内アイテムのサイズを小さくした場合でも、同一画面に同時に表示できるアイテム数は最大7件です。
表示順と中央配置
カルーセルは、[データ]タブの表の最上部のアイテムが中央に表示される仕様です。
そのため、左端からアイテムを順番で表示したい場合は、アイテムの順番を画像のように調整する必要があります。
