サンプルページへのコメントの追加 add-comment-to-sample-page

カスタムコメントシステムのコンポーネントがアプリケーションディレクトリ（/apps）に配置されたので、拡張コンポーネントを使用できます。 影響を受けるweb サイト内のコメントシステムのインスタンスは、そのresourceTypeをカスタムコメントシステムに設定し、必要なすべてのクライアントライブラリを含める必要があります。

必要なクライアントライブラリの特定 identify-required-clientlibs

デフォルトのコメントのスタイルと機能に必要なクライアントライブラリも、拡張コメントに必要です。

​ コミュニティコンポーネントガイド ​は、必要なクライアントライブラリを特定します。 コンポーネントガイドを参照し、コメントコンポーネントを表示します。次に例を示します。

https://localhost:4502/content/community-components/en/comments.html

コメントが適切にレンダリングされ、機能するために必要な3つのクライアントライブラリに注意してください。 これらは、拡張コメントを参照する場所と、拡張コメントのクライアントライブラリ ​ （apps.custom.comments）に含める必要があります。

ページへのカスタムコメントの追加 add-custom-comments-to-a-page

1つのページにコメントシステムは1つしか存在できないので、​ サンプルページの作成 チュートリアルの概要で説明されているように、サンプルページを作成する方が簡単です。

作成したら、デザインモードに入り、カスタムコンポーネントグループを利用できるようにして、Alt Comments コンポーネントをページに追加できるようにします。

コメントが正しく表示され、機能するには、コメントのクライアントライブラリをページのclientlibslistに追加する必要があります（​ コミュニティコンポーネントのClientlibsを参照）。

サンプルページのClientlibsへのコメント comments-clientlibs-on-sample-page

作成者：サンプルページのAlt コメント author-alt-comment-on-sample-page

作成者：サンプルページコメントノード author-sample-page-comments-node

サンプルページ /content/sites/sample/en/jcr:content/content/primary/commentsのコメントノードのプロパティを表示することで、CRXDEでresourceTypeを確認できます。

サンプルページを公開 publish-sample-page

カスタムコンポーネントをページに追加した後、​ ページを再公開する必要もあります。

パブリッシュ：サンプルページのAlt コメント publish-alt-comment-on-sample-page

カスタムアプリケーションとサンプルページの両方を公開した後、コメントを入力できます。 ​ デモユーザーまたは管理者のいずれかでログインすると、コメントを投稿できます。

以下はaaron.mcdonald@mailinator.comがコメントを投稿しています。

拡張コンポーネントがデフォルトのアピアランスで正しく動作しているように見えるので、次はアピアランスを修正します。