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

CMSリスト:画像・テキスト・リンクを編集する

CMSリストのアイテムに設定した画像・テキスト・リンクの内容を変更する方法を、CMSダッシュボードでの操作を中心に説明します。

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

Point:

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

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

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

CMSリストの仕組み

CMSリストは、Studio CMSのデータと接続された動的リストで、CMSプロパティをデザインエディタ上のボックスに紐付けて表示します。

画像、テキスト、リンクなどの内容の値そのものを変更したい場合は、ボックスを直接編集するのではなく、CMSダッシュボード側でプロパティの値を編集します。

編集画面

設定内容

CMSプロパティ(画像・テキスト・URL)を登録する

CMSダッシュボードで登録したプロパティを、CMSリスト内のボックス要素に紐付けて反映する


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

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

リンクを編集する場合は、リンク先の種類により変更するプロパティが変わります。後述の、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. デザインエディタに戻り、ライブプレビューや公開サイトでリンク先が変更されていることを確認します。

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