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

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

StudioのCMSリスト内アイテムごとに外部URLを設定する手順を解説します。通常のリンク設定ではなく、テキストプロパティを利用して設定します。

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

Point: Studio CMSとCMSリスト

■ Studio CMSとは

Studio CMSは、Studio上で利用できるCMS(Content Management System)機能です。

仕組みや概要については、以下のヘルプ記事を参照してください。

■ CMSリストとは

Studio CMSの内部コンテンツデータを紐付けた動的リストがCMSリストです。

概要や操作方法は、CMSリストのヘルプ記事を参照してください。

CMSリストで、リストアイテムごとに異なる外部リンクを設定する際は、CMSプロパティを利用して設定します。

Tips:プロパティを使用せずにCMSリストの外部リンクを設定した場合の挙動

プロパティを使用せずにボックス設定タブのリンクメニューでリンクを設定すると、同一CMSモデル内のすべてのアイテムに同じURLが設定されます。


設定手順

1. プロパティを追加する

CMSダッシュボードで対象のCMSモデルを開き、テキストプロパティを追加します。

テキストプロパティは文字列を扱うプロパティで、外部リンク用のURLを登録する用途にも利用できます。

スクリーンショット:テキストプロパティを追加する様子。

2. URLを入力する

追加したテキストプロパティの列に、各CMSアイテムごとに遷移先にしたい外部ページのURLを入力します。

3. デザインエディタでリンクを設定する

  1. デザインエディタを開き、外部リンクを設定したいCMSリスト内のリストアイテムを1つ選択してダブルクリックします。

  2. 右パネルの[ボックス]タブを開きます。

    パネルが閉じている場合には右パネルを開いてください。

  3. [リンク]設定メニューの入力フィールドでクリックします。

  4. [+]をクリックし、URLプロパティを選択します。

4. 動作確認とサイト更新

  • ライブプレビューで各アイテムをクリックし、アイテムごとに設定した外部URLへ正しく遷移するか確認します。

  • 公開サイト上で編集をしている場合には、必ずサイトの更新を行なってください。

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