將注釋添加到示例頁

現在,自訂註解系統的元件已置於應用程式目錄(/apps?lang=zh-Hant)中,因此可以使用擴充元件。 要受影響的網站中評論系統的例項必須將其resourceType設定為自訂評論系統,並包含所有必要的用戶端程式庫。

識別所需的Clientlib

對於擴展注釋,也需要預設注釋的樣式和功能所需的客戶端庫。

社群元件指南識別所需的用戶端程式庫。 瀏覽至「元件指南」並檢視「註解」元件,例如:

https://localhost:4502/content/community-components/en/comments.html

請注意,注釋必須有三個用戶端程式庫才能正常呈現和運作。 在引用擴展注釋時需要包括這些注釋,以及擴展注釋的客戶端庫(apps.custom.comments)。

comments-component1

將自訂備注新增至頁面

由於每頁只能有一個注釋系統,因此建立範例頁面更簡單,如簡短的建立範例頁面教學課程所述。

建立後,進入「設計」模式,並使「自定義」元件組可用,以允許將Alt Comments元件添加到頁面中。

為了讓注釋顯示並正常運作,必須將注釋的客戶端庫添加到頁的clientlibslist(請參閱Clientlibs for Communities Components)。

範例頁面上的註解用戶端

comments-clientlibs-crxde

作者:範例頁面上的替代註解

alt-comment

作者:範例頁面註解節點

您可以在/content/sites/sample/en/jcr:content/content/primary/comments查看範例頁面的注釋節點屬性,以驗證CRXDE中的resourceType。

verify-comment-crxde

發佈範例頁面

將自訂元件新增至頁面後,也必須(re) 發佈頁面

發佈:範例頁面上的替代註解

發佈自訂應用程式和範例頁面後,即可輸入註解。 登入時,若使用示範使用者或管理員,便可張貼留言。

以下是aaron.mcdonald@mailinator.com發佈評論:

publish-alt-comment

publish-alt-comment1

現在,擴展元件在預設外觀中工作正常,是時候修改外觀了。

本頁內容