We.Retail のコアコンポーネントの使用

コアコンポーネントは柔軟性の高い最新のコンポーネントです。拡張が容易で、プロジェクトに簡単に統合できます。コアコンポーネントは、HTL、設定不要の使いやすさ、設定可能、バージョン管理、拡張性など、いくつかの重要な設計の原理に基づいて構築されています。We.Retail はコアコンポーネントを基盤に構築されています。

試してみる

  1. We.Retail サンプルコンテンツを使用して AEM を起動し、コンポーネントコンソールを開きます。

    グローバルナビゲーション/ツール/コンポーネント

  2. コンポーネントコンソールでレールを開くと、特定のコンポーネントグループをフィルタリングできます。コアコンポーネントは以下の場所にあります。

    • .core-wcm:標準のコアコンポーネント
    • .core-wcm-form:フォーム送信コアコンポーネント

    .core-wcmを選択します。

    chlimage_1-162

  3. すべてのコアコンポーネントの名前が v1 になっています。これは、このコアコンポーネントの最初のバージョンであることを示しています。将来的には、定期的にバージョンがリリースされます。これは、AEM とバージョンの互換性があり、簡単にアップグレードできるので、最新機能を利用することができます。

  4. Text (v1) をクリックします。

    コンポーネントの​リソースタイプ​が/apps/core/wcm/components/text/v1/textであることを確認します。 コアコンポーネントは/apps/core/wcm/componentsの下にあり、コンポーネントごとにバージョン管理されます。

    chlimage_1-163

  5. ドキュメント」タブをクリックして、コンポーネントの開発者用ドキュメントを表示します。

    chlimage_1-164

  6. コンポーネントコンソールに戻ります。We.Retail グループをフィルタリングし、テキスト​コンポーネントを選択します。

  7. リソースタイプ​が/apps/weretailの下で期待どおりにコンポーネントを指し、リソーススーパータイプ​がコアコンポーネント/apps/core/wcm/components/text/v1/textを指していることを確認します。

    chlimage_1-165

  8. ライブ使用状況」タブをクリックして、このコンポーネントが現在使用されているページを確認します。 最初の​ありがとう​ページをクリックしてページを編集します。

    chlimage_1-166

  9. ありがとうページで、テキストコンポーネントを選択し、コンポーネントの編集メニューで、継承をキャンセルアイコンをクリックします。

    We.Retail にはグローバル化されたサイト構造が用意されており、この構造では、コンテンツが言語マスターから継承と呼ばれるメカニズムを通じてライブコピーにプッシュされます。このため、ユーザーが手動でテキストを編集できるよう、継承はキャンセルする必要があります。

    chlimage_1-167

  10. はい」をクリックしてキャンセルを確定します。

    chlimage_1-168

  11. 継承をキャンセルしてテキストコンポーネントを選択すると、さらに多くのオプションを使用できるようになります。「編集」をクリックします。

    chlimage_1-169

  12. テキストコンポーネントに使用できる編集オプションが表示されます。

    chlimage_1-170

  13. ページ情報​メニューから「テンプレートを編集」を選択します。

  14. ページのテンプレートエディターで、そのページの​レイアウトコンテナ​にあるテキストコンポーネントの​ポリシー​アイコンをクリックします。

    chlimage_1-171

  15. コアコンポーネントを使用すると、テンプレート作成者は、ページ作成者がどのプロパティを使用できるかを設定できます。これには、許可される貼り付け元、書式設定オプション、使用可能な段落スタイルなどの機能が含まれます。

    このようなデザインダイアログは、多くのコアコンポーネントで使用可能で、テンプレートエディターと連携して機能します。有効にした機能は、コンポーネントエディターを通じて作成者に提供されます。

    chlimage_1-172

その他の情報

コアコンポーネントについて詳しくは、オーサリングドキュメントのコアコンポーネントでコアコンポーネントの概要を参照し、開発者用ドキュメントのコアコンポーネントの開発で技術的な概要を参照してください。

また、編集可能テンプレートも詳しく調査することをお勧めします。編集可能なテンプレートについて詳しくは、オーサリングドキュメントページテンプレートの作成または開発者ドキュメントのページテンプレート — 編集可能を参照してください。

このページ