コメントコンポーネントの拡張

デフォルトのコンポーネントを拡張する目的は、特定の用途に合わせてコンポーネントの外観や動作を変更することです。

コンポーネントへのパスは一意で、デフォルトコンポーネントをスーパーリソースタイプとして参照します。 コンポーネントオーバーレイのグローバルスコープと比較して、スコープが制限されるので、リスクは少なくなります。

例

例えば、コメントコンポーネントのヘッダーがAEMインスタンスの1つのサイトで別の外観で表示され、別のサイトではデフォルト表示で表示される必要があるとします。 すべてのインスタンスのコメントコンポーネントを変更するデフォルトのコメントをオーバーレイする代わりに、様々なサイトで使用できる複数のコメントコンポーネントを確実に用意する方が効果的です。

この解決策を実装するには、既存のコンポーネントを拡張（上書き）する新しいコンポーネントを作成し、Handlebars スクリプトを変更します。新しいコメントを使用するサイトの領域では拡張されたコメントを使用できますが、デフォルトの外観を使用するサイトでは影響を受けません。

コメントコンポーネントは実際には、コメントシステムを構成する 2 つのコンポーネントのうちの 1 つです。したがって、次の2つのコンポーネントを拡張できます。コメント​と​コメント。 編集するスクリプトは、comment​コンポーネントのheader.hbsファイル内にありますが、親の​comments​コンポーネント（コメントシステム）は作成者が実際にページに追加したものです。

コメントを拡張するには、次の手順を実行する必要があります。

1. コンポーネントの作成
2. サンプルページへのコメントの追加
3. 外観の変更