文件AEM 6.4Communities 指南

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

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

  • User
CAUTION
AEM 6.4已結束延伸支援，本檔案不再更新。 如需詳細資訊，請參閱 技術支援期. 尋找支援的版本 此處.

現在，應用程式目錄(https://experienceleague.adobe.com/apps?lang=zh-Hant)中的自訂註解系統元件已就緒，resourceSuperType參考預設註解系統和已註冊的自訂模型/檢視，便可修改實施。

對於簡單的示範，會移除張貼評論之已登入使用者的顯示頭像視覺功能。

NOTE
若要使用擴充功能，要受影響之網站(https://experienceleague.adobe.com/content?lang=zh-Hant)中之留言系統的例項必須將其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

修改應用程式後，必須重新複製自訂元件。

一種方法是

  • 從主功能表

    • 選擇 工具>操作>複製
    • 選取 Activate Tree
    • 設定 Start Path:to /apps/custom
    • 取消選中 Only Modified
    • 選擇 Activate 按鈕

在發佈的範例頁面上檢視修改的註解 view-modified-comment-on-published-sample-page

繼續體驗 在發佈執行個體上（仍以相同使用者身分登入），現在可以重新整理發布環境中的頁面，以檢視要移除頭像的修改：

chlimage_1-81

範例注釋擴充功能套件 sample-comment-extension-package

附加是在本教學課程中建立的自訂註解應用程式套件。

取得檔案

recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6