ドキュメントAEM 6.5Communities ガイド

外観の変更（HBS） alter-the-appearance-hbs

最終更新日： 2026年10月13日
  • 適用対象：
  • Experience Manager 6.5

作成対象：

  • 開発者

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

簡単なデモでは、ビジュアル機能である、コメントを投稿したサインインユーザーのアバターが削除されます。

NOTE
この拡張機能を使用するには、影響を受けるweb サイト内のコメントシステムのインスタンス（/content）が、その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

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

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

  • メインメニューから

    • ツール > 操作 > レプリケーション​を選択します。
    • 「ツリーをアクティブ化」を選択します。
    • Start Pathを/apps/customに設定します。
    • 変更済みのみ​の選択を解除します。
    • 「アクティブ化」ボタンを選択します。

公開したサンプルページに対する変更されたコメントの表示 view-modified-comment-on-published-sample-page

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

view-modified-content

コメント拡張機能パッケージのサンプル sample-comment-extension-package

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

ファイルの取得

recommendation-more-help
experience-manager-65-help-communities