更改外观

修改脚本

comment.hbs脚本负责为每个注释创建整体HTML。

要在每个已发布评论旁边不显示头像,请执行以下操作:

  1. comment.hbslibs复制到apps

    1. 选择 /libs/social/commons/components/hbs/comments/comment/comment.hbs
    2. 选择​Copy
    3. 选择 /apps/social/commons/components/hbs/comments/comment
    4. 选择​粘贴
  2. 打开覆盖的comment.hbs

    • 双击/apps/social/commons/components/hbs/comments/comment folder中的节点comment.hbs
  3. 找到以下行,并删除或注释它们:

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

删除这些行,或用'<!—'和'—>'来注释掉它们。 此外,还会添加字符“xxx”作为头像所在位置的视觉指示器。

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

复制叠加

使用复制工具将覆盖的评论组件推送到发布实例。

注意

一种更可靠的复制形式是在包管理器中创建一个包,并activate它。 可以导出和存档资源包。

在全局导航中,选择​工具>部署>复制,然后选择​激活树

对于开始路径,输入/apps/social/commons并选择​激活

chlimage_1-42

查看结果

如果您以管理员身份登录发布实例,例如以管理员/管理员身份登录http://localhost:4503/crx/de ,则可以验证覆盖的组件是否位于此处。

如果注销并重新登录为aaron.mcdonald@mailinator.com/password并刷新页面,您会发现发布的评论不再显示为头像,而是显示一个简单的“xxx”。

chlimage_1-43

在此页面上