よくあるつまずき
リスト内ボックスの画像を以下の方法で直接変更すると、同じ列にある画像ボックスすべてに同一の画像が反映されてしまいます。
リストアイテムを選択し、右パネルを開きます。
[画像]タブから、画像を設定します。
この記事では、リストアイテムごとに異なる画像を設定する方法を説明します。
事前確認:リストの種類を確認する
リスト本体を選択します。
右パネルの[データ]タブを開きます。右パネルが閉じている場合は、開いてください。
[データ]タブ最上部のプルダウン文言を確認します。
[データを接続する]の場合
静的リストです。本記事で説明する画像設定方法を利用できます。
それ以外のソース(CMSなど)が表示されている場合
そのリストは動的リストです。操作方法は以下の記事をご覧ください。
「CMSリストで、画像・テキスト・リンクを一つのアイテムだけ変更したいのに、他のアイテムも同じ内容になってしまう」
静的リストであると確認できたら、以下の手順に沿って画像を設定してください。
手順1. リストに画像プロパティを追加する
画像を新規で追加する場合
4. プロパティ管理表右上にある[+]をクリックします。
5. [画像]プロパティを追加します。
6. 表に追加された[画像]列の入力欄に、それぞれのリストアイテムに設定したい個別の画像を設定します。
手順2. [画像]プロパティと画像ボックスを紐付ける
次に、リストの画像プロパティをスクリーン上の画像ボックスへ紐付けます。 これにより、アイテムごとに登録したそれぞれの画像プロパティが、対応するボックスに自動反映されます。
手順3.サイトを更新して反映する





