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

CMSリスト:画像・テキスト・リンクなどのプロパティを編集する

設定済みCMSリストのプロパティを編集する手順を、CMSダッシュボードでの操作を中心に説明します。Studio.Storeで取得したテンプレートやリストパーツの編集を行う際も参考にしてください。

この記事では、CMSリストのアイテムに設定した画像・テキスト・リンクの内容を変更する方法を説明します。Studio.Storeで取得したテンプレートやリストパーツに含まれるCMSリストの内容を編集する場合も、同じ手順で対応できます。

Point:

💡 リストの種類が不明な場合は、リスト/カルーセルの種類を見分ける方法を参照してください。

💡 編集中に近辺のボックスがすべて同じ内容に変わってしまった場合は、ボックスの画像・テキスト・リンクを変更したら、他のボックスも同じ内容に置き換わってしまったを参照してください

💡 リスト(通常リスト)の内容を編集する場合は、リスト:アイテムごとに異なる画像・テキスト・リンクを設定するを参照してください

すでにプロパティとボックスの紐付けが完了している場合は、デザインエディタ側でボックスを直接編集する必要はありません。

画像・テキスト・リンクの値は、CMSダッシュボード側のプロパティを編集します。

Point:CMSリストとは
CMSリストは、Studio CMS(Studioに組み込まれたコンテンツ管理機能)のデータを動的リストに接続して表示する機能です。

仕組みや作成方法の詳細は、CMSリストを参照してください。

プロパティを編集する手順

プロパティの値を編集する手順を説明します。

Point:リンク先自体の編集は外部リンクのみ可能です。詳細は、後述のCMSリストのリンクを編集するを参照してください。

  1. CMSダッシュボードを開き、変更したいアイテムが含まれるCMSモデルを選択します。

  2. アイテム一覧で、変更したいプロパティのセルをダブルクリックして編集します。

  3. 公開中ステータスのアイテムを変更した場合は、ステータスを「変更あり」から「公開中」に変更します。

  4. デザインエディタとライブプレビューで、変更した画像が反映されているかを確認します。


CMSリストのリンクを編集する

CMSリストでリンク先自体の変更ができるのは、外部リンクのみです。

詳細ページ(動的ページ)へのリンクの場合、URLの文字列を編集することは可能です。

外部リンクを編集する手順

外部リンクはテキストプロパティとして登録します。

テキストプロパティを変更すると、リンク先がダイレクトに切り替わります。

Point:外部リンクをプロパティとして登録する手順は、CMSリストのアイテムごとに異なる外部リンクを設定するを参照してください。

  1. 外部リンクを変更したいアイテムが含まれるCMSモデルを選択します。

  2. アイテム一覧から、対象のテキストプロパティのセルをダブルクリックし、編集します。

  3. 公開中ステータスのアイテムを編集した場合には、アイテムのステータスが変更ありに変わります。再度、ステータスを公開中に変更してください。

  4. デザインエディタに戻り、ライブプレビューや公開サイトでリンク先が変更されていることを確認します。

詳細ページ(動的ページ)のURLを変更する手順

詳細ページ(動的ページ)リンクのURL文字列を編集したい場合は、CMSダッシュボードでスラッグ(Slug)プロパティを変更します。

Slugを変更するとURLは変わりますが、リンク先のページ自体を変えることはできません。

注意:スラッグ(Slug)を変更すると、変更前のURLにアクセスできなくなります。外部サイトからのリンクやブックマークがある場合は、事前に影響範囲を確認してください。

  1. CMSダッシュボードを開きます。

  2. URLを変更したいアイテムが含まれるモデルを選択します。

  3. アイテム一覧から、対象のSlugプロパティのセルをダブルクリックし、URLの文字列を編集します。

  4. 公開中ステータスのアイテムを変更を加えた場合には、アイテムのステータスが変更ありに変わります。再度、ステータスを公開中に変更してください。

  5. デザインエディタに戻り、ライブプレビューや公開サイトでリンク先が変更されていることを確認します。

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