ページコンポーネント（v2）

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

使用方法

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

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

このドキュメントでは、2018年1月にコアコンポーネントのリリース 2.0.0 で導入されたページコンポーネント v2 について説明します。

注意

このドキュメントでは、ページコンポーネント v2 について説明します。

ページコンポーネントの現在のバージョンについて詳しくは、ページコンポーネントのドキュメントを参照してください。

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

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

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

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

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

ページポリシー

メモ

以前のバージョンの AEM では、ページポリシーはページデザインと呼ばれていました。

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

クライアントライブラリ - 読み込むクライアントライブラリカテゴリを定義します。JavaScript が本文の末尾に追加され、CSS がページの先頭に追加されます。
クライアントライブラリ JavaScript ページ先頭 - ページの先頭に読み込む JavaScript クライアントライブラリカテゴリを定義します。
- ここで定義したカテゴリが「クライアントライブラリ」フィールドにも存在する場合は、JavaScript が本文の末尾ではなくページの先頭に読み込まれます。
- カテゴリが「クライアントライブラリ」フィールドにも存在する場合を除き、CSS は読み込まれません。
Web リソースクライアントライブラリ - favicon などの Web リソースを提供するために使用されるクライアントライブラリカテゴリです。
メインコンテンツ要素セレクターにスキップ - ページのメインコンテンツに直接スキップするアクセシビリティ機能として使用されます。

ページコンポーネントデザインのダイアログ

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

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

注意

ページ先頭のクライアントライブラリを個別に定義する機能は、コアコンポーネントリリース 2.2.0 で導入されました。

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

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