更改外觀

修改指令碼

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」也會加入,作為頭像原本所在位置的視覺指標。

   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並選擇​激活

verify-content-template

查看結果

如果您以管理員身分登入發佈例項,例如以管理員/管理員身分登入https://localhost:4503/crx/de,則可驗證覆蓋的元件是否在此。

如果您登出並重新登入為aaron.mcdonald@mailinator.com/password並重新整理頁面,您會發現張貼的留言不再顯示為頭像,而是顯示簡單的「xxx」。

create-template-component

本頁內容

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
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now