核心元件簡介 core-components-introduction

TIP
您是否考慮過適用於 AEM 的 Edge Delivery Services?
現有的專案可以繼續使用本文件中所述的方法。然而,針對新專案,Adobe 建議採用 Edge Delivery Services。

在 Adobe Experience Manager 中,元件是構成所編寫頁面內容的結構元素。元件向來是 AEM 體驗的基本元素,讓作者可輕鬆建立頁面、功能又強大,而開發人員在開發元件時,也可保有靈活性與擴充空間。

核心元件是適用於AEM的一組標準化網站內容管理(WCM)元件,可加快開發時間並降低網站的維護成本。

資源 resources

功能 features

生產就緒
核心元件是30種經過充分測試、廣泛使用且效能出色的強大WCM元件。
雲端就緒
無論是在AEM as a Cloud ServiceAdobe Managed Services還是內部部署,這些元件都能運作。
多功能
這些元件代表作者可用來組裝幾乎任何版面的一般概念。
可設定
範本層級內容原則定義頁面作者可以使用或不使用的功能。
回應式
所有核心元件的設計都可充分回應,確保裝置間的順暢體驗
可追蹤
Adobe Client Data Layer整合允許追蹤訪客體驗的各個層面。
易於取得
它們符合WCAG 2.1標準,提供ARIA標籤,並支援鍵盤導覽(已知問題)。
SEO友善
HTML輸出是語意且提供schema.org微資料註解。
WebApp就緒
簡化的JSON輸出允許使用者端轉譯,仍可進行內容內編輯
AMP支援
元件已內建AMP標準支援,可加速您的行動體驗。
設計套件
Adobe XDUI套件可讓設計人員建立線框,然後視需要設定樣式
可主題化
元件實作樣式系統,標籤遵循BEM CSS慣例
可自訂
數個模式可讓輕鬆自訂,從調整HTML到進階功能重複使用。
版本設定
版本設定原則可確保核心元件在改善可能影響您的內容時,不會中斷您的網站。
可本地化
智慧型參考解析可讓特定元件自動尋找及轉譯對應的本地化內容
開放來源
如果有出錯的地方,請貢獻您的改善專案!

WCM元件 the-wcm-components

目前版本的核心元件主打下列元件。

範本元件 template-components

頁面製作元件 page-authoring-components

容器元件 container-components

表單元件 form-components

NOTE
開發團隊必須先依照作者的環境整合核心元件,才能將其提供給您。整合後,可透過範本編輯器使用及預先設定。
NOTE
某些版本的個別核心元件可能只相容於特定版本的 AEM。
如需特定元件的相容性資訊,請參閱說明頁面 (連結至上一份清單),或參考核心元件版本文件以取得詳細資訊。

系統需求 system-requirements

核心元件發行版本
AEM as a Cloud Service
AEM 6.5 LTS
AEM 6.5
Java SE版本
Maven版本
2.29.0
持續
6.5 LTS GA
6.5.21.0+
8, 11
3.3.9+

如需舊版核心元件的需求,請參閱核心元件版本

核心元件需要使用可編輯的範本,而且不支援傳統UI或靜態範本。 如有需要,請檢視AEM現代化工具,以使用這些現代化AEM功能更新您的專案。

若要設定您的本機開發環境,請檢視此AEM as a Cloud Service SDK概觀或此檔案舊版AEM

TIP
核心元件會自動成為AEM as a Cloud Service的一部分,且您隨時會擁有最新版本的核心元件。
如需如何在AEMaaCS和內部部署中開始使用核心元件的詳細資訊,請參閱使用核心元件檔案。

其他元件 other-components

AEM作者可以使用以核心元件為基礎的其他元件。

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c