文件AEM核心元件指南

核心元件簡介

最後更新: 2025年6月12日
  • 主題:
  • 核心組件

建立對象:

  • 開發人員
  • 管理員
  • 使用者
秘訣
您是否考慮過為AEM使用Edge Delivery Services?
您可以繼續使用本檔案所述的方法處理現有專案。 不過,若是新專案,Adobe建議使用Edge Delivery Services.

在 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元件

目前版本的核心元件主打下列元件。

範本元件

  • 頁面
  • 導覽
  • 語言導覽
  • 階層連結
  • 快速搜尋
  • 目錄

頁面製作元件

  • 標題
  • 文字
  • 影像
  • 按鈕
  • Teaser
  • 下載
  • 清單
  • 體驗片段
  • 內容片段
  • 內容片段清單
  • 嵌入
  • 社群媒體共用 (已棄用)
  • 分隔符號
  • 進度列
  • PDF 檢視器

容器元件

  • 容器
  • 傳送
  • 標籤
  • 折疊面板

表單元件

  • 表單容器
  • 表單文字
  • 表單選項
  • 已隱藏的表單
  • 表單按鈕
注意
開發團隊必須先依照作者的環境整合核心元件,才能將其提供給您。整合後,可透過範本編輯器使用及預先設定。
注意
某些版本的個別核心元件可能只相容於特定版本的 AEM。
如需特定元件的相容性資訊,請參閱說明頁面 (連結至上一份清單),或參考核心元件版本文件以取得詳細資訊。

系統需求

核心元件發行版本AEM as a Cloud ServiceAEM 6.5 LTSAEM 6.5Java SE版本Maven版本
2.28.0持續6.5 LTS GA6.5.21.0+8, 113.3.9+

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

核心元件需要使用可編輯的範本,而且不支援傳統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