自定義控制台

注意

本檔案說明如何在現代化觸控式使用者介面中自訂主控台,而不適用於傳統使用者介面。

AEM提供多種機制,讓您自訂製作例項的控制台(以及頁面製作功能)。

  • Clientlibs
    Clientlibs可讓您擴充預設實作,以實現新功能,同時重複使用標準函式、物件和方法。 在自訂時,您可以在/apps.下建立自己的clientlib,例如,它可以保存自訂元件所需的程式碼。

  • 覆蓋
    覆蓋是以節點定義為基礎,可讓您以您自己的自訂功能(在/libs中)覆蓋標準功能。 /apps當建立覆蓋時,不需要原稿的1:1復本,因為sling資源合併允許繼承。

這些功能可以透過多種方式來擴充AEM主控台。 以下涵蓋小部分選擇(在高層)。

注意

如需詳細資訊,請參閱:

此主題也會在AEM Gems工作階段- AEM 6.0的使用者介面自訂中討論。

注意

您​必須​不要變更/libs路徑中的任何項目。

這是因為下次升級實例時會覆寫/libs的內容(套用修補程式或功能套件時,很可能會覆寫)。

配置和其他更改的建議方法為:

  1. /apps下重新建立所需項目(如/libs中所存在)

  2. /apps中進行任何更改

例如,/libs結構中的以下位置可以重疊:

  • 控制台(任何以Granite UI頁面為基礎的控制台);例如:

    • /libs/wcm/core/content
注意

請參閱知識庫文章「疑難排解AEM TouchUI問題」,以取得更多提示和工具。

自定義控制台的預設視圖

您可以自訂控制台的預設檢視(欄、卡片、清單):

  1. 您可以在下面覆蓋所需條目,以重新排序視圖:

    /libs/wcm/core/content/sites/jcr:content/views

    第一個項目是預設項目。

    可用的節點與可用的視圖選項關聯:

    • column
    • card
    • list
  2. 例如,在清單的覆蓋中:

    /apps/wcm/core/content/sites/jcr:content/views/list

    定義下列屬性:

    • 名稱: sling:orderBefore
    • 類型: String
    • : column

新增動作至工具列

  1. 您可以建立自己的元件,並包含自訂動作的對應用戶端程式庫。 例如,Promote to Twitter​動作位於:

    /apps/wcm/core/clientlibs/sites/js/twitter.js

    然後,您可以將它連接至主控台上的工具列項目:

    /apps/<yourProject>/admin/ext/launches

    例如,在選擇模式中:

    content/jcr:content/body/content/header/items/selection/items/twitter

將工具列動作限制為特定群組

  1. 您可以使用自訂演算條件來覆蓋標準動作,並強加在演算前必須履行的特定條件。

    例如,建立元件以根據群組控制轉譯條件:

    /apps/myapp/components/renderconditions/group

  2. 要將這些應用於「站點」控制台上的「建立站點」操作,請執行以下操作:

    /libs/wcm/core/content/sites

    建立覆蓋:

    /apps/wcm/core/content/sites

  3. 然後新增動作的轉譯條件:

    jcr:content/body/content/header/items/default/items/create/items/createsite/rendercondition

    使用此節點上的屬性,可以定義允許執行特定操作的groups;例如,administrators

自定義清單視圖中的列

注意

此功能已針對多欄文字欄位最佳化;對於其他資料類型,可以覆蓋/apps中的cq/gui/components/siteadmin/admin/listview/columns/analyticscolumnrenderer

要自定義清單視圖中的列:

  1. 覆蓋可用欄的清單。

    • 在節點上:

             /apps/wcm/core/content/common/availablecolumns
      
    • 新增欄或移除現有欄。

    如需詳細資訊,請參閱使用覆蓋(和Sling Resource Merger)

  2. (可選):

    • 如果您想要插入其他資料,則需要使用

      pageInfoProviderType 屬性.

    例如,請參閱下方所附的類別/搭售(來自GitHub)。

  3. 您現在可以在清單檢視的欄設定器中選取欄。

篩選資源

使用主控台時,常見的使用案例是使用者必須從資源(例如頁面、元件、資產等)中選擇。 這可以以清單的形式,例如作者必須從中選擇項目。

為了將清單保持在合理大小並且與使用案例相關,可以以自訂謂詞的形式實作篩選器。 如需詳細資訊,請參閱本文

本頁內容

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