核心元件簡介 core-components-introduction

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

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

資源 resources

功能 features

生產就緒
核心元件是30種經過充分測試、廣泛使用且效能出色的強大WCM元件。
雲端就緒
是否開啟 AEMas a Cloud Service,在 AdobeManaged 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標準, 加速您的行動體驗。
設計套件
A 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.23.4
持續
6.5.17.0+
8, 11
3.3.9+

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

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

若要設定本機開發環境,請檢視 此AEMas a Cloud ServiceSDK概觀 或本檔案 適用於舊版AEM.

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

其他元件 other-components

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

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