外観の変更（HBS） alter-the-appearance-hbs
アプリケーションディレクトリ (https://experienceleague.adobe.com/apps?lang=ja) 内のカスタムコメントシステムのコンポーネントが配置され、resourceSuperType がデフォルトのコメントシステムとカスタムのモデル/ビューを参照するので、実装を変更できます。
シンプルなデモの場合、ビジュアル機能（コメントを投稿するサインインユーザーに表示されるアバター）は削除されます。
NOTE
この拡張機能を利用するには、影響を受ける Web サイト内のコメントシステムのインスタンス (https://experienceleague.adobe.com/content?lang=ja) で、その resourceType をカスタムコメントシステムに設定する必要があります。
HBS スクリプトの変更 modify-the-hbs-scripts
使用 CRXDE Lite:
-
開く /apps/custom/components/comments/comment/comment.hbs
-
コメント投稿のアバターを含むタグをコメントアウトします（21 行目前後）。
code language-none <!-- <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img> -->
-
-
開く /apps/custom/components/comments/comments.hbs
-
次のコメントエントリのアバターを含むタグをコメントアウトします（44 行目前後）。
code language-none <!-- <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img> -->
-
-
選択 すべて保存
カスタムアプリをレプリケート replicate-custom-app
アプリケーションを変更した後、カスタムコンポーネントを再レプリケートする必要があります。
その方法の 1 つは、
-
メインメニューから
- 選択 [ ツール ] > [ 操作 ] > [ レプリケーション ]
Activate Treeを選択します。- 設定
Start Path:から/apps/custom - オフ
Only Modified - 選択
Activateボタン
公開済みサンプルページで変更済みコメントを表示 view-modified-comment-on-published-sample-page
エクスペリエンスの継続 パブリッシュインスタンスでは、同じユーザーとしてサインインしたままで、パブリッシュ環境でページを更新して、アバターを削除するための変更を表示できます。
サンプルコメント拡張パッケージ sample-comment-extension-package
このチュートリアルで作成したカスタムコメントアプリケーションのパッケージが添付されています。
recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6