核心元件簡介 core-components-introduction
TIP
您是否考慮過適用於 AEM 的 Edge Delivery Services?
現有的專案可以繼續使用本文件中所述的方法。然而,針對新專案,Adobe 建議採用 Edge Delivery Services。
在 Adobe Experience Manager 中,元件是構成所編寫頁面內容的結構元素。元件向來是 AEM 體驗的基本元素,讓作者可輕鬆建立頁面、功能又強大,而開發人員在開發元件時,也可保有靈活性與擴充空間。
核心元件是一組適用於 AEM 的標準化網站內容管理 (WCM) 元件,可加快開發時間並降低網站的維護成本。
資源 resources
-
元件庫: 檢視元件的各種設定範例集合。
-
元件文件 (本文件): 適用於開發人員和作者,提供各元件的詳細資訊。
-
核心元件 GitHub 存放庫: 用於各元件和專案下載的開發人員詳細資訊。
-
開始使用:
- 成功使用核心元件: 在任何將使用核心元件的專案開始之前要考慮的指導方針。
- WKND 教學課程: 有關建置新網站的兩天教學課程。
- Summit 教學課程: 有關建置新網站的兩小時教學課程 (出自美國 Summit 2019 的實驗室)。
- Gems 網路研討會: 核心元件的導覽 (於 2018 年 12 月錄製)。
功能 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
開發團隊必須先依照作者的環境整合核心元件,才能將其提供給您。整合後,可透過範本編輯器使用及預先設定。
系統要求 system-requirements
核心元件發行版本
AEM as a Cloud Service
AEM 6.5 LTS
AEM 6.5
Java SE 版本
Maven 版本
針對舊版核心元件的要求,請參閱核心元件版本。
核心元件需要使用可編輯範本 ,而且不支援傳統 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