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 はグローバル化されたサイト構造を持ち ​ コンテンツがプライマリ言語サイトから ​ 継承と呼ばれるメカニズムを通じてライブコピー ​ にプッシュされます。 このため、ユーザーが手動でテキストを編集できるようにするには、継承をキャンセルする必要があります。

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

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

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

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

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

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

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