リスト：アイテムごとに異なる画像を設定する

つまずきやすいポイント

リストに対する以下の画像設定方法は、リスト内の同列ボックスに同じ画像を設定したい場合に行います。

これを意図しない場合や、リストアイテムごとに異なる画像を設定したい場合、「画像がすべて同じになってしまう」とつまづくポイントになります。

この記事では、リストアイテムごとに異なる画像を設定する方法を説明します。

Point：リストの種類を確認する（静的リスト/動的リスト）
リストには静的リストと動的リストがあります。この記事では静的リストの編集方法を解説します。以下の方法で、編集したいリストが静的リストかを確認してください。

静的リストであると確認できたら、以下の手順に沿って設定してください。

プロパティ管理表にある画像をクリックし、画像を差し替えます。

4. プロパティ管理表右上にある[＋]をクリックします。
5. [画像]プロパティを追加します。
6. 表に追加された[画像]列の入力欄に、それぞれのリストアイテムに設定したい個別の画像を設定します。

リストアイテムを選択します。
リスト内のどのリストアイテムを選択しても構いません。スクリーン上でリストアイテムを直接選択しづらい場合は、レイヤーパネルから選択します。
右パネルの[データ]タブを開きます。パネルが閉じている場合は開いてください。
[画像]プロパティのコネクタをドラッグし、画像ボックスに紐付けます。

紐付け後、画像はリストアイテムごとに該当するものが自動で反映されます。

サイトの公開または更新をして、設定内容を反映します。この操作を行うまで、変更点は公開中のサイトに反映されません。