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

现在,应用程序目录(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

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

这样做的一种方式是:

  • 从主菜单

    • 选择​ 工具 > 操作 > 复制
    • 选择​ 激活树
    • Start Path设置为/apps/custom
    • 取消选择​ Only Modified
    • 选择​ 激活 ​按钮。

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

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

view-modified-content

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

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

获取文件

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