使用核心元件編寫
最後更新: 2025年5月5日
- 主題:
- 核心組件
建立對象:
- 開發人員
- 管理員
- 使用者
在Adobe Experience Manager中,元件是構成所編寫頁面內容的結構元素。
核心元件提供有彈性且功能豐富的撰寫功能。 WKND參考網站及其說明如何使用核心元件來實作豐富的網站體驗。
若要體驗核心元件並檢視其設定選項範例以及HTML和JSON輸出,請造訪元件資料庫。
開發團隊必須先依照作者的環境整合核心元件,才能將其提供給您。整合後,可透過範本編輯器使用及預先設定。
核心元件需要AEM 6.4或更新版本,而且需要使用可編輯的範本。 它們無法搭配傳統UI使用,也無法搭配靜態範本使用。
使用核心元件編寫
身為作者,您會注意到核心元件的幾項優點,包括:
在編輯頁面時,元件可在頁面編輯器側面板的 元件 索引標籤上使用。
元件會根據稱為元件群組的類別分組,以輕鬆組織和篩選元件。 元件群組名稱會與元件一起顯示在元件瀏覽器中,也可以依群組篩選以輕鬆找到正確的元件。
核心元件預設為隱藏群組的一部分,且不會顯示在元件瀏覽器中。
將所需元件新增至可見群組或自訂這些元件,以供作者使用。
預先設定核心元件
開發人員必須負責設定基礎元件。 不過,使用核心元件時,範本作者現在可以透過範本編輯器設定許多功能。
例如,如果影像元件不允許從檔案系統上傳影像,或如果文字元件僅允許特定段落格式,只要按一下即可啟用或停用這些功能。
如需詳細資訊,請參閱建立頁面範本。
編輯和設計對話方塊
由於範本作者可以預先設定核心元件,以定義範本中允許哪些選項,然後由頁面作者進一步設定以定義實際頁面內容,因此每個元件可以在兩個不同的對話方塊中有選項。
說明
控制內容
範例
編輯對話方塊
頁面作者 在對置入的元件進行正常頁面編輯時可以修改的選項
元件顯示的內容以及最終顯示在頁面上的方式。
格式化內容文字,旋轉頁面上的影像
設計對話方塊
設定頁面範本時,範本作者 可以修改的選項。
頁面作者在編輯元件時可以使用的選項
哪些文字格式選項可用,哪些影像就地選項可用
d2be9096-a81e-404b-9952-d8925af7219c