ページコンポーネント page-component

ページコンポーネントは、テンプレートエディターと連動するように設計された拡張可能なページコンポーネントです。このコンポーネントを使用すれば、テンプレートエディターでページのヘッダー／フッターおよび構造要素を組み立てることができます。

使用方法 usage

ページコンポーネントは、コアコンポーネントと編集可能なテンプレートを使用して設計されるあらゆるページの基礎となるものです。ページコンポーネントを使用すれば、ページのヘッダー、フッター、構造を、他のコアコンポーネントを使用する際のテンプレートとして定義できます。

デザインダイアログを使用すれば、カスタムのクライアント側ライブラリをページ用に定義できます。コンポーネントから編集ダイアログに直接アクセスできる他のコンポーネントとは異なり、ページコンポーネントはページそのものなので、ページコンポーネントの編集ダイアログはページプロパティウィンドウになります。

バージョンと互換性 version-and-compatibility

このドキュメントでは、ページコンポーネントの現在のバージョン（2022年2月にコアコンポーネントのリリース 2.18.0 で導入された v3）について説明します。

コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。

コアコンポーネントのバージョンとリリースについて詳しくは、コアコンポーネントのバージョンを参照してください。

プログレッシブ ｗeb アプリのサポート pwa-support

コアコンポーネントのリリース 2.15.0 では、AEM as a Cloud Service の組み込みプログレッシブ Web アプリ（PWA）機能をサポートするようになりました。サイトレベルでの簡単な設定で、AEM エクスペリエンスを PWA に変えることができます。

技術的詳細 technical-details

ページコンポーネントに関する最新の技術ドキュメントについては、GitHub を参照してください。

コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントを参照してください。

編集ダイアログ edit-dialog

ページコンポーネントはページ全体を表しているので、通常は編集ダイアログで設定する内容が、ページのプロパティウィンドウにあります。

デザインダイアログ design-dialog

ページコンポーネントはページ全体を表しているので、ページテンプレートを編集する際は、ページ情報／ページポリシー ​でデザインダイアログにアクセスします。

「プロパティ」タブ properties-tab

ページデザインウィンドウを使用すれば、読み込むクライアントライブラリとページの Web リソースライブラリを定義できます。

「クライアントライブラリ」と「クライアントライブラリ JavaScript ページ先頭」の両方のフィールドにライブラリを次のように設定できます。

クライアント側ライブラリの使用に関する詳細は、クライアント側ライブラリの使用を参照してください。

「スタイル」タブ styles-tab

ページコンポーネントでは、AEM スタイルシステムをサポートしています。

Adobe Client Data Layer data-layer

ページコンポーネントは、Adobe Client Data Layer をサポートしています。