核心元件簡介 core-components-introduction

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

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

資源 resources

功能 features

生產就緒
核心元件是30種經過充分測試、廣泛使用且效能出色的強大WCM元件。
雲端就緒
無論是在AEM as a Cloud ServiceAdobeManaged Services還是內部部署,這些元件都能運作。
多功能
這些元件代表作者可用來組裝幾乎任何版面的一般概念。
可設定
範本層級內容原則定義頁面作者可以使用或不使用的功能。
回應式
所有核心元件的設計都可充分回應,確保裝置間的順暢體驗
可追蹤
Adobe使用者端資料層整合允許追蹤訪客體驗的各個層面。
易於取得
它們符合WCAG 2.1標準,提供ARIA標籤,並支援鍵盤導覽([已知問題] (✓ https://github.com/adobe/aem-core-wcm-components/issues?utf8=&q=is%3Aissue+is%3Aopen+accessibility+in%3Atitle))。
SEO友善
HTML輸出是語意且提供schema.org微資料註解。
WebApp就緒
簡化的JSON輸出允許使用者端轉譯,仍可進行內容內編輯
AMP支援
元件已內建AMP標準支援,可加速您的行動體驗。
設計套件
Adobe XD🔗的UI套件可讓設計人員建立線框,然後視需要設定樣式
可主題化
元件實作樣式系統,標籤遵循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修補程式等級
Java SE版本
Maven版本
2.27.0
持續
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