メインコンテンツにスキップ

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

静的リストで、各リストアイテムごとに異なるリンクを設定する方法を説明します。「すべてのアイテムに同じリンクが設定されてしまう」場合の解決にも役立ちます。

今日アップデートされました

よくあるつまずき

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

  1. リストアイテムを選択し、右パネルを開きます。

  2. [設定]タブから、テキストを設定します。

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


事前確認:リストの種類を確認する

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

  1. リスト本体を選択します。

  2. 右パネルの[データ]タブを開きます。右パネルが閉じている場合は、開いてください。

  3. [データ]タブ最上部のプルダウン文言を確認します。

  • [データを接続する]の場合
    静的リストです。本記事で説明するリンク設定方法を利用できます。


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

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

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

  1. リスト全体を選択します。※選択中のボックスが水色で囲まれ、ボックスの左上に田の字型のアイコンが表示されていれば、リスト全体を選択できています。

  2. 右パネルを開きます。閉じている場合は、右パネルを開いてください。

  3. [データ]タブを開きます。

  4. プロパティ管理表の右上にある[+]をクリックします。

  5. [URL]プロパティを追加します。

  6. 表に追加された[URL]列の入力欄に、それぞれのリストアイテムに設定したい個別のリンクを入力します。


手順2. [URL]プロパティと、スクリーン上のボックスを紐付ける

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

  1. リストアイテムを選択します。リスト内のどのリストアイテムを選択しても構いません。スクリーン上でリストアイテムを直接選択しづらい場合は、レイヤーパネルから選択します。

  2. 右パネルの[データ]タブを開きます。パネルが閉じている場合は開いてください。

  3. [url]プロパティのコネクタをドラッグし、リンクとボックスを紐付けます。

手順3. リンク先を確認し、サイトを更新する

  1. ライブプレビューでリンクが正しく設定されているかを確認します。

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


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

こちらの回答で解決しましたか?