當AEM執行個體安裝為現成可用時,元件瀏覽器即可立即提供一系列元件。
除此之外,您也可以使用各種其他元件。 您可以使用「設計」模式來啟用/停用此類元件。 啟用後,在頁面上找到該屬性時,您可以編輯屬性參數,使用「設計」模式來配置元件設計的各個方面。
編輯這些元件時請務必小心。 設計設定通常是整個網站設計的必要部分,因此只有具有適當權限和經驗的人才能變更這些設定,通常是管理員或開發人員。 如需詳細資訊,請參閱開發元件。
設計模式僅適用於靜態範本。 使用可編輯的範本建立的範本,應使用範本編輯器編輯。
設計模式僅適用於儲存為(/etc
)下內容的設計配置。
從AEM 6.4開始,建議將設計儲存為/apps
下的配置資料,以支援連續部署情況。 儲存在/apps
下的設計在運行時不可編輯,且此類模板的非管理員用戶將無法使用設計模式。
這包括新增或移除頁面的段落系統中允許的元件。 段落系統(parsys
)是包含所有其他段落元件的複合元件。 段落系統允許作者將不同類型的元件添加到頁面中,因為它包含所有其他段落元件。 每個段落類型都以元件的形式表示。
例如,產品頁面的內容可能包含包含下列內容的段落系統:
如需parsys
的詳細資訊,請參閱開發元件和使用範本和元件的准則 。
使用本文所述的設計模式編輯設計是定義靜態模板設計的建議方法
例如,在CRX DE中修改設計並非最佳作法,且此類設計的應用可能會與預期行為不同。 如需詳細資訊,請參閱開發人員檔案頁面範本 — 靜態。
要啟用或禁用元件:
選擇Design模式。
點選或按一下元件。 選取時,元件會有藍色邊框。
按一下或點選Parent圖示。
這將選擇包含當前元件的段落系統。
段落系統的配置表徵圖將顯示在父級的操作欄中。
選取此選項以顯示對話方塊。
編輯當前頁時,使用對話框定義元件瀏覽器中可用的元件。
對話方塊有兩個標籤:
允許的元件
在允許的元件標籤上,定義可用於parsys的元件。
您可以定義每頁元件的設定。 如果子頁使用相同的模板和/或頁面元件(通常對齊),則相同的配置將應用於相應的段落系統。
最適化表單元件專門設計為可在適用性表單容器內運作,以運用Forms生態系統。 因此,這些元件只能在最適化表單編輯器中使用,而無法在Sites頁面編輯器中運作。
設定
在設定標籤上,您可以定義其他選項,例如為每個元件繪製錨點,以及定義每個容器的儲存格邊框間距。
選擇Done以保存配置。
選擇Design模式。
點選或按一下具有藍色邊框的元件。 在此範例中,選取了主圖影像元件。
使用Configure圖示開啟對話方塊。
在「設計」(design)對話框中,可以根據可用的設計參數配置元件。
對話方塊有三個索引標籤:
屬性
Properties標籤可讓您設定元件的重要設計參數。 例如,對於影像元件,您可以定義允許的影像大小上限和最小大小。
功能
Features標籤可讓您啟用或停用元件的其他功能。 例如,對於影像元件,您可以定義影像的方向、可用的裁切選項,以及是否可以上傳影像。
樣式
Styles標籤允許您定義要與元件一起使用的CSS類和樣式。
使用Add按鈕將其他條目添加到多條目對話框清單中。
使用刪除表徵圖從多條目對話框清單中刪除條目。
使用移動表徵圖重新排列多條目對話框清單中的條目順序。
按一下或點選Done圖示,以儲存並關閉對話方塊。