CMSカードを複製して見出しを変えても、一覧が複製元のまま残った

5枚目の入口を作ったのに、下の一覧は4枚目と同じだった

「海辺の部屋」のKnowledgeトップには、大きなテーマごとに記事を探すためのカードがあります。筆者は、WebやCMSの実務を扱う4枚目を複製し、AIとの創作を案内する5枚目を作ろうとしました。カードの下には、その領域に属する細かなテーマの一覧も表示されます。

最初のChatGPTの案内は、カードをコピーし、番号・見出し・説明を変え、ボタンのリンク先を差し替えるというものでした。しかし筆者は「ここはCMSと繋がってる」と訂正しました。ボタンだけでなく、その下の一覧もCMSから表示される構造だったのです。

添付画面では、5枚目の見出しは「AI CREATIVE」「AIとの創作」なのに、下には複製元の「情報資産・サイト構造設計」「Wix・CMS・API自動運用」が残っていました。AIとの創作を探す人に、別分野のテーマ一覧を示してしまう表示です。

表示する文字と、データの接続先は別に確かめる

CMSは記事や分類の情報を保存・管理する仕組みです。データセットは、その情報から何を読み、画面のどの部品へ渡すかをつなぐ役割を持ちます。同じ形のカードでも、読むデータが違えば表示する内容も変わります。保存側と表示側の役割を先に整理する場合は、ChatGPTとWixでCMS運用を自動化する設計も参照できます。

変更前の画面では、5枚目の下部一覧を選ぶと、接続先は「WEB CMS用」のままでした。情報をまとめた保存先（コレクション）は「Knowledge Pillars」、絞り込みには「web-cms」が表示されていました。上の見出しを創作用に変えただけでは、この一覧が読む対象まで変わったことにはなりません。

そこで会話中の案内は、見出しやボタンの差し替えを中心とする内容から、各部品のCMS接続を見直す内容へ修正されました。具体的には、既存の「WEB CMS用」は残し、5枚目用のデータセットを追加して、創作分野の1件のデータを読むという案内です。既存カードも同じ接続を使っている場合、共有先を変更すると元の表示まで変わり得るためです。

案内では、英語名・日本語名・説明・領域へのリンク・下部一覧を、どの保存項目から表示するか一つずつ対応させています。とくに下部一覧は、手で文章を打ち直す対象ではなく、一覧を保存した項目への接続を見直す対象として整理されました。

後の画像で分かったことと、まだ別に確かめること

筆者は「全部できた！」と伝え、次の画面を添付しました。その画像では、下の一覧が「人間とAIの共同創作」「AI漫画の構造・演出設計」「AI映像・カット設計」「作品Continuity・STATE管理」の4項目へ変わっています。見出しと一覧の分野がそろった表示は確認できます。

ただし、画像にはすべての接続設定や、リンクを押した後の画面までは写っていません。その時点の公開ページも、この記録からは確認していません。したがって「全CMS接続が正しくなった」「公開まで完了した」と結論を広げず、表示が変わった確認と、公開後の動作確認を分けます。

自分のサイトでカードを複製するときの確認順

1. 複製前に、見出し・説明・リンク・一覧が、手入力かCMS接続かを確認する
2. 複製元の接続を使う部品を確かめ、元のカードへ影響する設定を不用意に変えない
3. 複製先に必要な接続を用意し、読むデータの絞り込み条件と、各部品が使う保存項目を照合する
4. プレビューで元カードと複製先を比べ、見出しだけでなく一覧・説明・リンクの行き先が意図どおりか確認する
5. 公開後の通常URLでも各リンクを開き、狭い画面で欠けや重なりがないかを見る

この順序は、今回の食い違いから整理した確認方法です。同じ接続ミスがすべての複製で起きる、またはこの手順で必ず防げると実測したものではありません。画面の作りによって共有する接続が異なるため、まず現物を見て判断します。

このKnowledgeの関連知識

• 前提： CMSの保存データと公開表示を分けて運用する。CMSから表示へ何を渡すかを設計するときに読む
• 完了条件： 本文保存だけで記事を完成扱いしない。分類や実際に押せる案内まで、何を確認すれば作業を閉じられるかを整理する
• 次の確認： 外部サービス操作の確認状態を分ける。変更報告・保存値・画面・公開後の動作を混ぜずに記録する