CMS のヘッダー・フッターをページで使う
CMS に戻すページと Ptengine AI から公開するページで、共通部分の持ち方と更新手順を分けます。
最終ページを表示する場所を決める
Ptengine AI の画布にあるナビゲーションやフッターは、そのページの内容です。CMS のテンプレートに接続された共通部品ではありません。CMS 側の内容を変更しても、Ptengine AI の画布や公開ページへ自動で反映されることはありません。
| 公開方式 | 共通部分の管理場所 |
|---|---|
| HTML を CMS のテンプレートに組み込む | CMS が共通部分を表示し、Ptengine AI からは本文を渡します |
| Ptengine AI でページを公開する | ページ内に共通部分を残し、Ptengine AI で更新します |
| 公式サイトの URL からリバースプロキシで表示する | Ptengine AI の完全なページを取得するだけでは、CMS のヘッダーは追加されません |
同じドメインに見えることと、CMS のテンプレートで表示されることは別です。制作前に公開方式をサイト担当者と決めてください。
CMS に渡す本文を準備する
- 対象ページの現在の版と、残す必要のあるリンクを確認します。
- エディターでプレビューし、本文がヘッダー内のアンカーメニューや特定の固定領域に依存していないか調べます。
- CMS のテンプレートがヘッダー・フッターを表示することを確認してから、画布上の重複するナビゲーションとフッターを削除します。
- 本文だけでも見出し、リンク、問い合わせ入口、ページ内移動が成立するか確認します。
ヘッダーを削除すると、そこにあった行動への入口もなくなります。必要な入口は本文または CMS 側へ引き継ぎます。既存の公開ページにも同じ編集を反映させるかは別に判断し、書き出し作業だけのために公開変更を行わないでください。
本文を書き出して CMS 担当者へ渡す
- エディター右上の ⋮ を開き、HTML の書き出しを選びます。
- ダイアログで収集コードやフォントなどの内容を確認し、ZIP をダウンロードします。
- 元の ZIP を保管し、CMS 担当者へ本文を組み込むテンプレートと公開先を伝えます。
- 担当者が CMS の方式に合わせて HTML、スタイル、スクリプト、素材を配置します。
- CMS 側の確認 URL で、共通部分が一組だけ表示され、本文も崩れていないことを確認します。
書き出し対象は画布の現在の内容です。削除していないヘッダー・フッターも含まれます。ZIP は全 CMS への直接インストール形式ではありません。WordPress でも、この手順は HTML を渡してサイトの規則に沿って組み込む方法です。HTML 書き出しと CMS 組み込みでリソースやスクリプトの扱いを確認できます。
Ptengine AI で公開する場合はページ内で更新する
Ptengine AI から公開する場合、訪問者が見るのはページ全体です。CMS のテンプレートは表示に参加しないため、必要なヘッダー・フッターはページ内に残します。CMS 側の変更後も、Ptengine AI 側を別に修正します。
- 変更されたロゴ、リンク、案内文、権利表記などを特定します。
- 該当する Ptengine AI ページを開き、共通部分を編集します。
- PC とモバイルの表示、メニュー、リンク先をプレビューで確認します。
- 確認した内容を「変更を公開」で反映し、最終 URL でも確認します。
ページ数が多い場合は対象一覧と担当者を残します。編集できた一ページだけを見て、すべての公開ページが更新済みとは判断しないでください。
共通区画とコンポーネントの使い分け
頻繁に変わるサービスの手順、担当者紹介、利用条件などは、CMS に戻すページなら CMS テンプレート側で共通管理できます。実際にそのテンプレートを使うページは、CMS 側の更新・公開手順に沿って変更を受け取ります。Ptengine AI で公開するページは、必要なものだけを短く掲載し、公式サイトの最新の説明へリンクする方法もあります。
Ptengine AI のコンポーネントは、対応するページ間で同じ見た目や区画を再利用するためのものです。CMS の共通区画とは別で、CMS 側の変更を取得する仕組みではありません。コンポーネントの再利用で現在の入口と適用方法を確認してください。
計測コードと共通スタイルも確認する
書き出したページには Ptengine の収集コードが含まれます。CMS テンプレートに同じプロファイルのコードが設置済みなら、二重に動かないようサイト担当者と配置を確認します。ヘッダーを削除しただけで、収集コードもすべて削除されたとは判断しないでください。必要なフォーム、イベント、SDK は別に確認します。
本文の CSS が CMS のナビゲーションやフッターへ影響する場合があります。共通フォント、背景、余白、固定位置、重なり、モバイルメニューを最終ページで確認します。テーマ全体の設定を変更する前に、本文側で範囲を限定できるか実装担当者へ相談してください。
最終 URL で確認し、二重表示を切り分ける
| 症状 | 確認すること |
|---|---|
| ヘッダーやフッターが二つある | 画布由来と CMS テンプレート由来の両方を表示していないか確認します。担当する側を一つに決めます。 |
| CMS を直しても Ptengine AI 側が古い | 自動同期はありません。Ptengine AI の該当箇所を編集し、公開先まで確認します。 |
| 本文のページ内リンクが動かない | 削除したナビゲーション、リンク先の ID、固定ヘッダーとの重なりを調べます。 |
| 訪問やイベントが重複する | CMS テンプレートと書き出した本文のタグ、対象プロファイル、送信するイベントを照合します。 |
PC とスマートフォンで、メニュー、戻る導線、画像、フォーム、計測を確認します。問い合わせ時は最終 URL、使用テンプレート、書き出し日時、どの部分をどちらが管理しているかを伝え、CMS の管理パスワードは送らないでください。