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

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

必要な clientlib の特定 identify-required-clientlibs

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

The コミュニティコンポーネントガイド 必要なクライアントライブラリを識別します。 コンポーネントガイドを参照し、次に例を示します。

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

コメントが正しくレンダリングおよび機能するために必要な 3 つのクライアントライブラリに注意してください。 これらは、拡張されたコメントの参照先と、 拡張コメントのクライアントライブラリ ( apps.custom.comments) をクリックします。

comments-component1

ページにカスタムコメントを追加する add-custom-comments-to-a-page

1 ページにつき 1 つのコメントシステムしか存在しないので、簡単にサンプルページを作成できます。詳しくは、 サンプルページの作成 チュートリアル

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

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

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

comments-clientlibs-crxde

作成者:サンプルページでの Alt Comment author-alt-comment-on-sample-page

alt-comment

作成者:ページコメントノードの例 author-sample-page-comments-node

CRXDE で resourceType を確認するには、サンプルページ ( ) の comments ノードのプロパティを表示します。 /content/sites/sample/en/jcr:content/content/primary/comments.

verify-comment-crxde

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

カスタムコンポーネントをページに追加した後は、次の操作もおこなう必要があります(再度追加する)。 ページを公開する.

公開:サンプルページでの代替コメント publish-alt-comment-on-sample-page

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

aaron.mcdonald@mailinator.comはコメントを投稿しています:

publish-alt-comment

publish-alt-comment1

拡張コンポーネントがデフォルトの外観で正しく動作しているように見えたので、外観を変更する時が来ます。

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791