Show Menu
主題×

使用核心元件製作

在 Adobe Experience Manager 中,元件是構成所編寫頁面內容的結構元素。
核心元件提供有彈性且功能豐富的製作功能。 WKND參 考網站 及其說明如何使用核心元件來建置豐富的網站體驗。
若要體驗核心元件並檢視其設定選項以及HTML和JSON輸出的範例,請造訪元 件庫
如需在AEM專案上實作核心元件(使用 AEM Project Archetype)的深入、以開發人員為導向的簡介,請參閱 WKND教學課程
開發團隊必須先依照作者的環境整合核心元件 ,才能將其提供給您。整合後,可透過範本編輯器提供並預先 設定
核心元 件需要AEM 6.3或更新版本 ,而且需要使用可編 輯的範本 。 它們不適用於Classic UI,也不適用於靜態範本。

使用核心元件編寫

身為作者,您會注意到核心元件的幾項優點,包括:
在編輯頁面時,可
在頁面編輯器側面板的「元件
」(Components)選 項卡上使用元件
元件會根據稱為元件群組的類別分組,以輕鬆組織和篩選元件。 元件群組名稱會與元件一起顯示在元 件瀏覽器中 ,您也可以依群組篩選,輕鬆找到正確的元件。
「核心元件」預設為隱藏群組的一部分,在元件瀏覽器中不可見。
將所需元件新增至可見群組,或自訂供作者使用。

預先設定核心元件

設定基礎元件是開發人員的工作。 不過,有了核心元件,範本作者現在可以透過範本編輯器設定許多功能。
例如,如果影像元件不應允許從檔案系統上傳影像,或者文字元件僅允許特定段落格式,只要按一下滑鼠,就可以啟用或停用這些功能。
如需詳 細資訊,請參閱 「建立頁面範本」。

編輯和設計對話框

由於範本作者可預先設定核心元件,以定義範本中允許的選項,然後頁面作者進一步設定以定義實際的頁面內容,因此每個元件可以在兩個不同的對話方塊中有選項。
說明
控制項
範例
編輯對話框
頁面作者
在正常頁面編輯
,對置入的元件進行修改的選項
元件顯示的內容,以及它最終在頁面上的顯示方式。
格式化內容文字,在頁面上旋轉影像
設計對話框
設定頁面范
本時
,範本作者可修改的選項。
頁面作者在編輯元件時可使用哪些選項
哪些文字格式選項可用,哪些影像就地選項可用

元件樣式

大部分核心元件的樣式都可使用AEM樣式系統來定義。
  • 範本作者可以定義哪些樣式可用於該元件的「設計對話框」中的特定元件。
  • 然後,內容作者可以選擇在新增元件和建立內容時要套用的樣式。
有關詳細資訊,請參 閱Style System 文檔。
在AEM 6.3中,必須有Service Pack 2(6.3.2.0)或更新版本才能啟用樣式系統功能。

可用核心元件清單

以下是連結至頁面的可用核心元件清單,詳細說明其編輯與設計對話方塊功能。
目前版本的核心元件主打下列元件。
某些版本的個別核心元件可能只相容於特定版本的 AEM。
如需特定元件的相容性資訊,請參閱說明頁面 (連結至上一份清單),或參考 核心元件版本 文件以取得詳細資訊。
視您的例項而定,您可能已針對您的需求明確開發自訂元件。 這些元件甚至可能與此處討論的某些元件名稱相同。 表單核心元件與AEM Forms無關。

開發人員資源

如需核心 元件的技術資訊 ,請參閱開發核心元件開發人員檔案。