更改外觀

修改指令碼

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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free