使用核心元件編寫

在 Adobe Experience Manager 中,元件是構成所編寫頁面內容的結構元素。

核心元件提供有彈性且功能豐富的撰寫功能。 此 WKND參考網站 及其說明如何使用核心元件來實作豐富的網站體驗。

若要體驗核心元件並檢視其設定選項範例以及HTML和JSON輸出,請造訪 元件資料庫.

如需有關在AEM專案上實作核心元件的深入資訊,以開發人員為導向,請前往 AEM專案原型 簽出 wknd教學課程。

NOTE
開發團隊必須先依照作者的環境整合核心元件,才能將其提供給您。整合後,可透過 範本編輯器.
CAUTION
核心元件 需要AEM 6.4或更新版本 並需要使用 可編輯的範本. 它們不能用於傳統UI,也無法用於靜態範本。

使用核心元件編寫 authoring-with-core-components

身為作者,您會注意到核心元件的幾項優點,包括:

元件可在 元件 頁面編輯器側面板的索引標籤 編輯頁面.

元件會根據稱為元件群組的類別分組,以便輕鬆組織和篩選元件。 元件群組名稱會與元件一起顯示在中 元件瀏覽器 也可以依群組篩選,輕鬆找到合適的元件。

NOTE
核心元件預設為隱藏群組的一部分,在元件瀏覽器中不可見。
將所需元件新增至可見群組或自訂這些元件,以供作者使用。

預先設定核心元件 pre-configuring-core-components

開發人員的工作是設定Foundation元件。 不過,使用核心元件時,範本作者現在可以透過範本編輯器設定許多功能。

例如,如果影像元件不允許從檔案系統上傳影像,或如果文字元件僅允許特定段落格式,只要按一下即可啟用或停用這些功能。

另請參閱 建立頁面範本 以取得詳細資訊。

編輯和設計對話方塊 edit-and-design-dialogs

由於範本作者可以預先設定核心元件,以定義範本中允許哪些選項,然後由頁面作者進一步設定以定義實際頁面內容,因此每個元件在兩個不同的對話方塊中都可以有選項。

說明
控制內容
範例
編輯對話方塊
選項: 頁面作者 可以在對置入元件進行正常頁面編輯期間進行修改
元件顯示的內容以及最終顯示在頁面上的方式。
格式化內容文字,旋轉頁面上的影像
設計對話方塊
選項: 範本作者 可在設定頁面範本時修改。
頁面作者在編輯元件時可以使用哪些選項
哪些文字格式選項可用,哪些影像就地選項可用

元件樣式 component-styling

大部分核心元件的樣式可使用AEM樣式系統定義。

  • 範本作者可以在特定元件的「設計」對話方塊中,定義哪些樣式可供該元件使用。
  • 然後,內容作者就可以在新增元件和建立內容時,選擇要套用的樣式。

如需詳細資訊,請參閱 樣式系統 說明檔案。

開發人員資源 developer-resources

請參閱 開發核心元件 開發人員檔案,以取得關於核心元件的技術資訊。

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