コアコンポーネントを使用したオーサリング

Adobe Experience Manager では、コンポーネントは、オーサリングするページのコンテンツを構成する構造要素です。

コアコンポーネントは、柔軟で機能豊富なオーサリング機能を提供します。WKND リファレンスサイトとその説明は、リッチな web サイトエクスペリエンスを実装するためのコアコンポーネントの使用方法を示します。

コアコンポーネントを体験したり、それらの設定オプションの例や、HTML 出力や JSON 出力の例を確認したりするには、コンポーネントライブラリにアクセスしてください。

AEM プロジェクトアーキタイプを使用して AEM プロジェクトにコアコンポーネントを実装するための開発者向けの詳しい概要については、WKND チュートリアルを参照してください。

コアコンポーネントを使用したオーサリング

作成者には、次のようなコアコンポーネントのメリットがあります。

• 簡単に使用でき、ページエディターに適切に統合されている

• WKND リファレンスサイトならびにコンポーネントライブラリで示されている多数の使用例に対応する豊富な機能を備えている

• ページ作成者がテンプレートエディターでどの機能を使用できるかを事前設定可能

• アクセシビリティガイドラインに沿って構築されている

• レスポンシブレイアウトをサポートするように構築されている

• 容易なローカライゼーションをサポートする設計

コンポーネントは、ページ編集​の際に、ページエディターのサイドパネルの「コンポーネント」タブから利用できます。

コンポーネントは、フィルタリングや整理を容易に行えるよう、コンポーネントグループと呼ばれるカテゴリに従ってグループ化されます。コンポーネントのグループ名は、コンポーネントブラウザーにコンポーネントと共に表示されます。また、正しいコンポーネントを簡単に見つけられるように、グループでフィルタリングすることもできます。

コアコンポーネントの事前設定

以前、基盤コンポーネントの設定は、開発者の仕事でした。これに対し、コアコンポーネントでは、テンプレート作成者がテンプレートエディター経由で様々な機能を設定できるようになりました。

例えば、画像コンポーネントでファイルシステムからの画像アップロードを許可しない場合や、テキストコンポーネントで特定の段落フォーマットのみを許可する場合は、クリックするだけでそれらの機能の有効／無効を切り替えることができます。

詳しくは、ページテンプレートの作成を参照してください。

編集ダイアログとデザインダイアログ

コアコンポーネントでは、テンプレート作成者がテンプレートの一部として使用できるオプションを定義することでコアコンポーネントを事前設定した後、ページ作成者がさらに設定することで実際のページコンテンツを定義できます。これにより、各コンポーネントで、異なる 2 つのダイアログ内にオプションが存在することがあります。

コンポーネントのスタイル設定

ほとんどのコアコンポーネントのスタイルは、AEM スタイルシステムを使用して定義できます。

• テンプレート作成者は、特定のコンポーネントで利用可能なスタイルを、そのコンポーネントのデザインダイアログで定義できます。
• その後、コンテンツ作成者は、コンポーネントを追加してコンテンツを作成する際に、適用するスタイルを選択できます。

詳しくは、スタイルシステムのドキュメントを参照してください。

開発者リソース

コアコンポーネントに関する技術情報については、開発者向けのドキュメントのコアコンポーネントの開発を参照してください。