リストプロパティを紐付けたカルーセル

Point: カルーセルとは
カルーセルは、複数のコンテンツをスライド形式で順番に表示できる機能です。

連携するデータソースに応じて、静的なカルーセルにも動的なカルーセルにもなります。それぞれの違いは、カルーセルの記事を参照してください。

カルーセルを配置する

カルーセルは、専用パーツを使用して配置します。専用パーツにはサンプルプロパティがあらかじめ設定されているので、内容を置き換えて使用してください。

Tips: その他のカルーセルパーツを使用する

追加パネル内にある[パーツ]タブ下部の[カルーセル]メニューから、カルーセルパーツを追加することもできます。

カルーセルパーツには、画像のサンプルプロパティは設定されていません。

リストプロパティはデザインエディタ内で管理します。

カルーセルアイテム内のテキストや画像などを置き換えたい場合には、以下の手順でプロパティ管理表を表示し、追加・編集を行います。

注意：データタブ上にプロパティ管理表が表示されない場合

[データ]タブでプロパティ管理表が表示されず、プロパティと青い点（コネクターの起点）が表示されている場合には、カルーセルアイテムが編集モードになっています。

以下の手順で編集モードを解除し、再度[データ]タブを開いてください。

対象のカルーセル外の上下空きスペースをクリックします。
カルーセル横の欄外をクリックすると、スクリーンには表示されていないカルーセルアイテムをクリックしてしまう場合があります。
編集モードが解除され、レイヤーパネル上の表示がページ全体のレイヤー表示に切り替わります。

編集したいカルーセルを選択します。
対象のカルーセル全体が水色にハイライトされ、右パネルに[カルーセル]タブが表示されていればOKです。
右パネルで[データ]タブを開き、対象のプロパティを編集をします。
パネルが閉じている場合には、右パネルを開いてください。
プロパティ管理表の編集方法や各種プロパティの詳細は、リストを参照してください。

下記の手順で、新たにプロパティを追加できます。

追加したプロパティを表示するためには、カルーセル内のボックスとの紐付け作業が必要です。

カルーセルに自動再生を設定します。

設定方法などの詳細は、カルーセルを自動再生するを参照してください。

注意：無限ループ再生について

カルーセルの自動再生は無限ループ再生に対応していません。

カルーセルは、プロパティ管理表の最上部のアイテムが中央に表示される仕様です。

左端からアイテムを順番に表示したい場合は、アイテムの順番を次の画像のように調整する必要があります。

以下の手順で表示アイテムの並び順を変更します。

カルーセルを選択します。正しく選択できていれば、右パネルに[カルーセル]タブが表示されます。
右パネルで[データ]タブを開きます。パネルが閉じている場合は、右パネルを開いてください。
並べ替えたいアイテムにカーソルをあて、表の左端に表示されるアイコンをドラッグします。レイヤーパネルでリストアイテムのレイヤーをスライドさせても並び替えができます。
公開済みサイトを編集している場合には、公開パネルでサイトを更新して公開サイトに反映します。

カルーセルの外観やレイアウトを編集する手順の詳細や注意点などは、カルーセル > カルーセルの外観やレイアウトを編集するを参照してください。