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

その他の情報

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

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

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now