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

CMSリストで、画像・テキスト・リンクを変更したら、他のアイテムも同じ内容に置き換わってしまう

デザインエディタ上でカード状に並ぶ画像やテキストを変更した際に、他の要素も同じ内容に変わってしまう場合の原因と対処方法を説明します。

Point:状況把握のため、まずは以下の記事をご覧ください

本記事は、上記の記事内「(2)リストの種類を確認する」で、「CMSリスト」に当てはまる場合に向けた記事です。

CMSリストで、画像やテキストやリンクがすべて同じ内容になってしまった場合は、CMSプロパティとボックスの紐付けが外れていることが原因です。
以下の方法で、各プロパティを再度ボックスに紐付けてください。


画像が全て同じになってしまった場合

アイテムごとに対応する画像は、デザインエディタではなく、CMSダッシュボードで登録します。デザインエディタでその登録画像を呼び出してボックスに紐づけることで、アイテムごとに異なる画像を表示します。

  1. デザインエディタで、画像を変更したいボックスを選択します。

  2. [画像]タブを選択します。

  3. 画像URLの設定フィールドをクリックします。

  4. 操作後は、CMSダッシュボードに戻り、アイテムの公開ステータスが [下書き] ではなく [公開] の状態にします。

Tips:CMSダッシュボードで、アイテムごとの画像を登録する方法

  1. モデル一覧のうち、変更したい画像がプロパティとして含まれるモデルを選択します。

  2. モデル内で、該当のアイテムを選択します。

  3. 画像のプロパティをクリックし、新しい画像をアップロードして差し替えます。

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

  5. 設定後、デザインエディタまたはライブプレビューで画像が変更されているか確認します。


テキストが全て同じになってしまった場合

アイテムごとに対応するテキストは、デザインエディタではなく、CMSダッシュボードで登録します。デザインエディタでその登録テキストを呼び出してボックスに紐づけることで、アイテムごとに異なるテキストを表示します。

  1. デザインエディタで、テキストを変更したいボックスを選択します。

  2. [テキスト]タブを選択します。

  3. テキスト入力フィールドをクリックします。

  4. 操作後は、CMSダッシュボードに戻り、アイテムの公開ステータスが [下書き] ではなく [公開] の状態にします。

Tips:CMSダッシュボードで、アイテムごとの記事テキストを登録する方法

  1. モデル一覧のうち、変更したいテキストが含まれるモデルを選択します。

  2. モデル内で該当のアイテムを選択し、アイテムの詳細編集画面を開きます。

  3. 記事を選択し、変更したいテキスト(タイトル、本文など)を更新します。

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

  5. 設定後、デザインエディタまたはライブプレビューで画像が変更されているか確認します。


外部リンクが全て同じになってしまった場合

アイテムごとに対応する外部リンクは、デザインエディタではなく、CMSダッシュボードで登録します。デザインエディタでその登録リンクを呼び出してボックスに紐づけることで、アイテムごとに異なるリンクを設定します。

  1. デザインエディタで、リンクを変更したいボックスを選択します。

  2. [設定]タブを選択します。

  3. リンクの設定フィールドをクリックします。

  4. フィールド内の[+]をクリックします。

  5. CMSダッシュボードで登録済みのテキストプロパティを選択し、外部リンク先として紐付けます。

  6. 操作後は、CMSダッシュボードに戻り、アイテムの公開ステータスが [下書き] ではなく [公開] の状態にします。

Tips:CMSダッシュボードで、アイテムごとの外部リンクを登録する方法

詳細な手順は、CMSリストのアイテムごとに異なる外部リンクを設定するを参照してください。

  1. 任意のCMSアイテムのテキストプロパティに、リンクとして登録したい文字列を登録します。

  2. 変更したい外部リンクが登録されているテキストプロパティを含むCMSモデルを選択します。

  3. デザインエディタ側に切り替え、リンク設定フィールドからテキストプロパティを選択して紐付けます。

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

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


CMS記事ページへのリンクが全て同じになってしまった場合

アイテムごとに対応するCMS記事リンクは、デザインエディタではなく、CMSダッシュボードで登録します。デザインエディタでその登録リンクを呼び出してボックスに紐づけることで、アイテムごとに異なる記事ページリンクを設定します。

  1. デザインエディタで、リンクを変更したいボックスを選択します。

  2. [設定]タブを選択します。

  3. リンクの設定フィールドを表示します。

  4. URL入力フィールドをクリックします。

  5. 操作後は、CMSダッシュボードに戻り、アイテムの公開ステータスが [下書き] ではなく [公開] の状態にします。

Tips:CMSダッシュボードで、アイテムごとのCMS記事ページリンクを登録する方法

CMSリスト内アイテムの元ページであるCMS記事ページのリンクを変更する場合には、Slugプロパティを変更します。

  1. モデル一覧のうち、記事ページリンクを変更したいアイテムが含まれるCMSモデルを選択します。

  2. 記事ページリンクを変更したいアイテムを選択します。

  3. 変更したいSlugプロパティをクリックし、プロパティを変更します。

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

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

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