核心元件簡介
最後更新: 2025年3月27日
- 主題:
- 核心組件
建立對象:
- 開發人員
- 管理員
- 使用者
在 Adobe Experience Manager 中,元件是構成所編寫頁面內容的結構元素。元件向來是 AEM 體驗的基本元素,讓作者可輕鬆建立頁面、功能又強大,而開發人員在開發元件時,也可保有靈活性與擴充空間。
核心元件是適用於AEM的一組標準化網站內容管理(WCM)元件,可加快開發時間並降低網站的維護成本。
資源
-
元件庫: 檢視各種組態中元件的範例集合。
-
元件檔案(本檔案): 對於開發人員和作者,包含每個元件的詳細資訊。
-
核心元件GitHub存放庫: 如需每個元件和專案下載的開發人員詳細資訊。
-
開始使用:
- 使用核心元件成功: 在任何將使用核心元件的專案開始之前要考慮的准則。
- WKND教學課程: 有關建立新網站的兩天教學課程。
- Summit教學課程: 有關建立新網站的兩小時教學課程(來自US Summit 2019的實驗室)。
- Gems網路研討會: 核心元件的導覽(於2018年12月錄製)。
功能
生產就緒 | 核心元件是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元件
目前版本的核心元件主打下列元件。
範本元件
頁面製作元件
容器元件
表單元件
開發團隊必須先依照作者的環境整合核心元件,才能將其提供給您。整合後,可透過範本編輯器使用及預先設定。
系統需求
核心元件發行版本
AEM as a Cloud Service
AEM 6.5修補程式等級
Java SE版本
Maven版本
如需舊版核心元件的需求,請參閱核心元件版本。
核心元件需要使用可編輯的範本,而且不支援傳統UI或靜態範本。 如有需要,請檢視AEM現代化工具,以使用這些現代化AEM功能更新您的專案。
若要設定您的本機開發環境,請檢視此AEM as a Cloud Service SDK概觀或此檔案舊版AEM。
核心元件會自動成為AEM as a Cloud Service的一部分,且您隨時會擁有最新版本的核心元件。
如需如何在AEMaaCS和內部部署中開始使用核心元件的詳細資訊,請參閱使用核心元件檔案。
其他元件
AEM作者可以使用以核心元件為基礎的其他元件。
- 電子郵件核心元件 — 探索建置在核心元件之上並專門用於Adobe Campaign的元件。
recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c