ページデザイナー

Website のメニューの「ページデザイナー」から開きます。開くと、サイトのホームページが表示されます。ほかのページは、左の「構造」タブで選びます。

編集できるのは、管理者とオーナーです。それ以外の人には「閲覧のみ（編集には管理者権限が必要）。」と出て、見るだけになります。

• 更新 — このページのデータを取り直し、プレビューも読み込み直します。
• Runtime で開く — このページを別のタブで、実際の表示で開きます。
• JSON を取り込む — 書き出した JSON を読み込み、このページとの違いを確認してから反映します。
• オブジェクトを検索… — 左の一覧を絞り込みます。
• 検証 — ページの完成度を 6 段階で確かめます（ブリーフ、章の本文、SEO、公開状態など）。
• 言語の切り替え — サイトに複数の言語があるときだけ出ます。
• 公開 / 非公開 — ページの公開状態を切り替えます。

左のペインには 3 つのタブがあります。

• 構造 — サイトのページ（階層）と、ナビゲーション、テーマのレイアウトなど、中に階層を持つものの一覧です。ページを選ぶとそのページが開き、ナビゲーションを選ぶとそのリンクが「レイヤー」に並びます。
• レイヤー — 開いているページの中身を、セクション、その中の要素の順に木の形で表示します。セクションの追加・並べ替え・削除もここで行います。
• アセット — テーマが持つ部品です。「セクション」「スタイル」などがあり、「スタイル」ではサイト全体の色や文字の設定を直します。

左のペインの幅は、右の境目をドラッグして広げられます。

中央には、ページが実際の見た目で表示されます。プレビューの中のセクションをクリックすると、そのセクションが選ばれます。

上の帯には、選んでいる部分の位置と、次のボタンがあります。

• モバイル / タブレット / デスクトップ — 画面の幅を切り替えて確かめます（モバイルは 390px、タブレットは 768px）。
• プレビューを再読み込み
• AI 監査 — 構成・意味のつながり・SEO の点検を AI に頼みます。押すと右に AI チャットが開き、「構成監査」が入力欄に入ります。
• このページの書き出し — 「JSON をエクスポート」「Markdown をエクスポート」で、このページを書き出します。

選んだセクションがこのページに描かれないときは、その理由がプレビューの上に出ます。

ページデザイナーを開くと、右側に「ページエディタ」が開きます。AI チャットなどを開いているときはそのままで、右端のバーの「エディタ」で切り替えます。上のタブで中身を切り替えます。

• 外観 — ページ全体を選んでいるときは、テンプレート、レイアウト、公開状態などのページの設定です。テーマはサイトで決まります。セクションや要素を選んでいるときは、並べる向き・幅・余白・揃え方などの見た目です。
• 意味 — ページ全体を選んでいるときは SEO の設定です。セクションを選んでいるときは、その文章を言語ごとに直します。ブリーフから作られたページなら、そのブリーフもここに出ます。
• リンク — このページから出るリンク、入ってくるリンク、AI が提案したリンクの承認・却下です。公開ページに出るのは、承認したリンクだけです。承認待ちがあると、タブに件数が出ます。

フッターの法務表示（著作権の行と法務リンク）を選ぶと、ここで直せます。ブランドの全ページに共通です。ヘッダーやフッターのロゴは、ここでは読み取り専用で、Marketing のブランドアセットで直します。

ページデザイナーでは、文章（意味）と見た目（外観）を別々に直します。

• 見た目を変えても、文章は変わりません。テーマの色や文字の設定は、左の「アセット」の「スタイル」で直し、サイト全体に効きます。
• 「意味」タブで文章を直して「保存」すると、その文章が会社の知識に結び付いている場合は、知識のほうが更新されます。同じ知識を使うほかのページにも反映されます。
• 文章を直したあとは、必要に応じて「Compose（整合）」で、検索用のデータやリンクの状態を整えます。
• 商品から入る文章は、ここでは直せません。Commerce の商品の画面で直します。

カードが並ぶセクションでは、「AI でカードを意味判定」を押すと、カードごとに、製品やほかのページと食い違ってはいけない内容か（「共有の意味」）、このページだけの言い回しか（「ページ固有」）を AI が判定します。判定の理由は記録され、「判定を変える」で人が変えられます。