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

この記事では、静的リスト（通常リスト）でアイテムごとに異なるリンクを設定する方法を説明します。リストの種類が不明な場合や、CMSリストをお使いの場合は、以下を参照してください。

リストの種類が不明な場合：リストの種類の見分け方
Studio CMSと連携した動的リスト（CMSリスト）の場合：CMSリストで、画像・テキスト・リンクを変更したら、他のアイテムも同じ内容に置き換わってしまう

注意：静的リスト（通常リスト）で他のアイテムのリンクも同じになってしまう場合

リスト内ボックスのリンクを以下の方法で直接変更すると、同じ列にあるボックスすべてに同一のリンクが反映されてしまいます。

手順1. リストにURLプロパティを追加する

まずはリスト全体に紐づくコンテンツデータに、[URL]のプロパティを追加します。具体的には、プロパティ管理表の縦軸に、URLを管理する列を作成します。

リスト全体を選択します。
レイヤーパネルを開き、先頭に水色のリストアイコンが付いた要素を選択します。スクリーン上では、対象の要素の左上にリストアイコンが表示されます。
右パネルを開きます。閉じている場合は、右パネルを開いてください。
[データ]タブを開きます。
プロパティ管理表の右上にある[＋]をクリックします。
[URL]プロパティを追加します。
表に追加された[URL]列の入力欄に、それぞれのリストアイテムに設定したい個別のリンクを入力します。

URLプロパティを、スクリーン上のリストアイテム内のボックスに紐づけます。これにより、アイテムごとに登録したそれぞれのURLプロパティが、対応するボックスに自動反映されます。

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

リンク 同じになる 変えたい それぞれ 連動 反映 影響