外観の変更（HBS）

カスタムコメントシステムのコンポーネントがアプリケーションディレクトリ（/apps）に配置され、デフォルトのコメントシステムおよびカスタムモデル／ビューを参照する resourceSuperType が登録されたので、実装を変更できるようになりました。

簡単なデモのために、ビジュアル機能（コメントを投稿するサインインユーザーについて表示されるアバター）を削除します。

HBS スクリプトの変更

CRXDE Lite を使用して、次の手順を実行します。

• 開く /apps/custom/components/comments/comment/comment.hbs

  • コメント投稿のアバターを含むタグをコメントアウトします（21 行目前後）。

      <!--
       <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
       -->
    

• 開く /apps/custom/components/comments/comments.hbs

  • 次のコメントエントリのアバターを含むタグをコメントアウトします（44 行目前後）。

      <!--
       <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
       -->
    

• 「すべて保存」を選択します。

カスタムアプリのレプリケート

アプリケーションを変更した後で、カスタムコンポーネントを再レプリケートする必要があります。

その方法の 1 つは次のとおりです。

• メインメニューから

  • 選択 ツール > 運用 > レプリケーション.
  • 選択 ツリーをアクティベート.
  • 設定 Start Path から /apps/custom.
  • 選択を解除 変更済みのみ.
  • 選択 有効化 」ボタンをクリックします。

公開済みサンプルページでの変更されたコメントの表示

パブリッシュインスタンスでエクスペリエンスを続行すると、同じユーザーとしてサインインしたまま、パブリッシュ環境でページを更新してアバターを削除する変更を表示できます。

サンプルコメント拡張パッケージ

このチュートリアルで作成したカスタムコメントアプリケーションのパッケージが添付されています。

ファイルを入手

Business.Adobe.com リソース

Personalized Communications Embedded Charts Responsive Forms Web Content Management Dynamic Forms Digital Signage