文档AEM 6.4Communities 指南

更改外观(HBS) alter-the-appearance-hbs

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

  • 用户
CAUTION
AEM 6.4已结束扩展支持，本文档将不再更新。 有关更多详细信息，请参阅 技术支助期. 查找支持的版本 此处.

现在，应用程序目录(https://experienceleague.adobe.com/apps?lang=zh-Hans)中自定义注释系统的组件就位，并且resourceSuperType引用默认注释系统并注册了自定义模型/视图，因此可以修改实施。

对于简单的演示，会删除视觉功能（发布评论的已登录用户显示的头像）。

NOTE
要使用该扩展，要受影响的网站(https://experienceleague.adobe.com/content?lang=zh-Hans)中评论系统的实例必须将其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

修改应用程序后，需要重新复制自定义组件。

一种方法是

  • 从主菜单

    • 选择 工具>操作>复制
    • 选择 Activate Tree
    • 已设置 Start Path:to /apps/custom
    • 取消选中 Only Modified
    • 选择 Activate 按钮

在已发布的示例页面上查看已修改的注释 view-modified-comment-on-published-sample-page

继续体验 在发布实例上（仍以同一用户身份登录），现在可以在发布环境中刷新页面以查看修改以删除头像：

chlimage_1-81

示例注释扩展包 sample-comment-extension-package

附加的是在本教程中创建的自定义注释应用程序包。

获取文件

recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6