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

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

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

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

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

コアコンポーネントを使用したオーサリング authoring-with-core-components

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

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

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

コアコンポーネントの事前設定 pre-configuring-core-components

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

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

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

編集ダイアログとデザインダイアログ edit-and-design-dialogs

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

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

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

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

開発者リソース developer-resources

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