核心元件簡介 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 Service 上、在 Adobe Managed Services 還是內部部署,這些元件都能運作。
多功能
這些元件代表作者可用來組裝幾乎任何版面的一般概念。
可設定
範本層級內容原則 定義頁面作者可以使用或無法使用的功能。
回應式
所有「核心元件」都設計為可充分回應,確保裝置間的順暢體驗
可追蹤
Adobe Client Data Layer 整合允許追蹤訪客體驗的各個層面。
易於存取
元件符合 WCAG 2.1 標準,提供 ARIA 標籤,並支援鍵盤導覽 (已知問題)。
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 LTS
AEM 6.5
Java SE 版本
Maven 版本
2.30.0
持續
6.5 LTS 正式發佈版
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