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

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

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

Point:CMSリストであることを確認する

本記事は、「画像・テキスト・リンクなどが同じになってしまうケース」のうち、CMSリストに特化したトラブルシューティングです。

操作中のボックスがCMSリストかどうかを確認するには、以下の記事をご覧ください。「ボックスの画像・テキスト・リンクを変更すると、他のボックスも同じ内容に置き換わってしまう

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


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

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

CMSアイテムごとに異なる画像を設定する手順

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

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

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

  4. CMSダッシュボードで登録済みの画像プロパティを選択し、ボックスに紐付けます。

  5. 操作後はCMSダッシュボードに戻り、アイテムの公開ステータスが [公開] であることを確認します。

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

  1. 画像を変更したいアイテムを含むモデルを選択します。

  2. 該当のアイテムの画像のプロパティをクリックし、画像差し替えます。

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

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


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

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

CMSアイテムごとに異なるテキストを設定する手順

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

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

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

  4. CMSダッシュボードで登録済みのテキストプロパティを選択し、ボックスに紐付けます。

  5. 操作後はCMSダッシュボードに戻り、アイテムの公開ステータスが [公開] であることを確認します。

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

  1. テキストを変更したいアイテムが含まれるモデルを選択します。

  2. 以下の方法でテキストを登録します。

    1. 登録するテキストが、記事などの本文やタイトルである場合は、詳細画面を開いて編集し、内容を更新します。

    2. 登録するテキストが、テキストプロパティの場合は、テキストプロパティを編集します。

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

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


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

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

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

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

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

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

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

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

  6. 操作後はCMSダッシュボードに戻り、アイテムの公開ステータスが [公開] であることを確認します。

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

外部リンクの文字列は、CMSダッシュボードのテキストプロパティに登録します。詳細な手順は、CMSリストのアイテムごとに異なる外部リンクを設定するを参照してください。


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

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

CMSアイテムごとに異なる記事ページリンクを設定する手順

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

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

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

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

  5. CMSダッシュボードで登録済みのSlugプロパティを選択し、ボックスに紐付けます。

  6. 操作後はCMSダッシュボードに戻り、アイテムの公開ステータスが [公開] であることを確認します。

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

  1. 記事ページリンクを変更したいアイテムを含むモデルを選択します。

  2. リンクを変更したいアイテムのSlugプロパティをクリックし、Slugプロパティを変更します。

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

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

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