We.Retail のコアコンポーネントの使用 trying-out-core-components-in-we-retail

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

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

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

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

.core-wcm を選択します。

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

「Text (v1)」をクリックします。

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

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

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

リソースタイプ ​が /apps/weretail 下の想定したコンポーネントを指していることを確認します。ただし、リソースのスーパータイプ ​は元のコアコンポーネント /apps/core/wcm/components/text/v1/text を指しています。

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

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

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

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

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

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

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

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

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

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