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

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

Studioのリスト内アイテムごとに、個別のリンク先を設定する手順を解説します。ボックスに対する固定のリンクではなく、プロパティを使って動的なリンクを設定することで、リストアイテムごとに異なるリンク先を設定できます。

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

注意:リストのアイテムに対して、右パネルの[設定]タブからボックス単位で固定リンクを設定すると、すべてのリストアイテムに同じリンクが設定されてしまいます。

CMSリストのアイテムごとに外部リンクを設定したい場合は、下記をご参照ください。 [CMSリストのアイテムごとに外部リンクを設定する方法]

リストのプロパティCMSプロパティをリンク先として選択した場合、[新規タブで開く]の設定は、アイテム共通となります。


この記事では、リストのアイテムごとに異なるリンクを設定する手順を紹介します。

(1) リスト全体のプロパティに[URL]を追加する

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

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

  2. 右パネルの[データ]タブを開きます。

  3. リストデータ表の右上にある[+]をクリックします。

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

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

(2) リストデータの[URL]プロパティと、エディタ上のボックスを紐付ける

  1. 「個別にリンク設定をするリストアイテム全体」または「リンクを紐付けるボックス」を選択します。

  2. 右パネルの[データ]タブを開きます。

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

(3)リンク先を確認し、サイトを更新する

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

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

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