We.Retail のコアコンポーネントの使用 trying-out-core-components-in-we-retail
コアコンポーネントは、拡張が容易な最新の柔軟なコンポーネントで、プロジェクトに簡単に統合できます。 コアコンポーネントは、HTL、すぐに使用できる操作性、設定性、バージョン管理、拡張機能など、いくつかの主要なデザイン原則に基づいて構築されています。 We.Retail は、コアコンポーネントを基に構築されています。
試す trying-it-out
-
We.Retail サンプルコンテンツでAEMを起動し、 コンポーネントコンソール.
グローバルナビゲーション/ツール/コンポーネント
-
コンポーネントコンソールでパネルを開くと、特定のコンポーネントグループに対してフィルタリングできます。 コアコンポーネントは、
.core-wcm
:標準コアコンポーネント.core-wcm-form
:フォーム送信コアコンポーネント
.core-wcm
を選択します。 -
すべてのコアコンポーネントの名前は v1(このコアコンポーネントの最初のバージョンであることを反映) 今後、通常のバージョンがリリースされる予定です。これは、AEMとのバージョン互換性があり、アップグレードが容易なので、最新の機能を活用できます。
-
クリック テキスト (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 はグローバル化されたサイト構造を持っています コンテンツが言語マスターからにプッシュされる場所 継承という仕組みを通じたライブコピー. このため、ユーザーが手動でテキストを編集できるように、継承をキャンセルする必要があります。
-
「はい」をクリックしてキャンセルを確定します。
-
継承をキャンセルしてテキストコンポーネントを選択すると、さらに多くのオプションを使用できるようになります。「編集」をクリックします。
-
テキストコンポーネントに使用できる編集オプションが表示されます。
-
次の ページ情報 メニュー選択 テンプレートを編集.
-
ページのテンプレートエディターで、 ポリシー アイコン レイアウトコンテナ 」と入力します。
-
コアコンポーネントを使用すれば、テンプレート作成者は、ページ作成者が使用できるプロパティを設定できます。 これには、許可された貼り付けソース、書式設定オプション、使用可能な段落スタイルなどの機能が含まれます。
このようなデザインダイアログは、多くのコアコンポーネントで使用でき、テンプレートエディターと連携して作業できます。 有効にすると、コンポーネントエディターで作成者が使用できるようになります。
その他の情報 further-information
コアコンポーネントについて詳しくは、オーサリングドキュメントのコアコンポーネントでコアコンポーネント機能の概要を参照し、開発者用ドキュメントのコアコンポーネントの開発で技術的な概要を参照してください。
また、編集可能テンプレートも詳しく調査することをお勧めします。編集可能テンプレートについて詳しくは、オーサリングドキュメントのページテンプレートの作成または開発者用ドキュメントのページテンプレート - 編集可能を参照してください。