更改外观(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
在仍以同一用户身份登录的发布实例上继续体验,现在可以在发布环境中刷新页面以查看删除头像的修改:
示例注释扩展包 sample-comment-extension-package
附件是本教程中创建的自定义注释应用程序包。
recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791