デフォルトのコンポーネントを拡張する目的は、特定の用途に合わせてコンポーネントの外観や動作を変更することです。
コンポーネントへのパスは一意で、デフォルトのコンポーネントをスーパーリソースタイプとして参照します。 コンポーネントオーバーレイのグローバルスコープと比較して、スコープが制限されるので、リスクが少なくなります。
オーバーレイされるコンポーネントの拡張はサポートされていません。
例えば、AEMインスタンスの1つのサイトで、コメントコンポーネントのヘッダーが別の外観で表示され、別のサイトではデフォルト表示で表示される必要があるとします。 デフォルトのコメントをオーバーレイする(すべてのインスタンスのコメントコンポーネントを変更)の代わりに、様々なサイトで使用できる複数のコメントコンポーネントを確実に使用する方がよい解決策です。
この解決策を実装するには、既存のコンポーネントを拡張(上書き)する新しいコンポーネントを作成し、Handlebars スクリプトを変更します。新しいコメントを使用するサイトの領域は拡張されたものを使用できますが、デフォルトの外観を使用するサイトは影響を受けません。
コメントコンポーネントは実際には、コメントシステムを構成する 2 つのコンポーネントのうちの 1 つです。したがって、次の2つのコンポーネントを拡張できます。commentsとcomment。 編集するスクリプトは、commentコンポーネントのheader.hbs
ファイル内にあり、親のcommentsコンポーネント(コメントシステム)は、作成者が実際にページに追加するものです。
コメントを拡張するには、次の手順を実行する必要があります。