サンプルページへのコメントの追加

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

必要な clientlib の識別

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

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

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

コメントの正常なレンダリングと機能のためには、3 つのクライアントライブラリが必要です。拡張コメントが参照されている場所と、拡張コメントのクライアントライブラリ ( apps.custom.comments)を含める必要があります。

ページへのカスタムコメントの追加

1 つのページで使用できるコメントシステムは 1 つだけなので、サンプルページの作成のチュートリアルで説明する手順に従ってサンプルページを作成すると簡単です。

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

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

サンプルページでのコメントの clientlib

オーサー環境：サンプルページでの Alt Comment

オーサー環境：サンプルページでのコメントノード

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

サンプルページの公開

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

パブリッシュ環境：サンプルページでの Alt Comment

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

aaron.mcdonald@mailinator.comコメントの投稿を次に示します。

拡張されたコンポーネントがデフォルトの外観で正しく機能していることがわかります。次は外観を変更します。