核心元件是現代化、有彈性的元件,具備簡單的擴充性,並可讓您輕鬆整合至專案中。 核心元件是以數種主要設計原則為基礎,例如HTL、可用性立即可用、可設定性、版本控制和擴充性。 We.Retail是建立在核心元件上。
從AEMWe.Retail範例內容開始,並開啟元件主控台。
全域導覽->工具->元件
在「元件控制台」中開啟邊欄時,您可以篩選特定元件群組。 核心元件位於
.core-wcm
:標準核心元件.core-wcm-form
:表單提交核心元件選擇.core-wcm
。
請注意,所有核心元件皆命名為v1,這反映出這是此核心元件的第一個版本。 日後將推出一般版本,其版本相容於AEM版本,並可輕鬆升級,讓您運用最新功能。
按一下「文字(v1)」。
查看元件的資源類型是/apps/core/wcm/components/text/v1/text
。 核心元件位於/apps/core/wcm/components
下,並且每個元件的版本化。
按一下Documentation標籤,以檢視該元件的開發人員檔案。
返回元件控制台。 篩選群組We.Retail,並選取Text元件。
查看資源類型如/apps/weretail
下預期指向元件,但資源超級類型指向核心元件/apps/core/wcm/components/text/v1/text
。
按一下「即時使用」標籤,查看此元件目前使用的頁面。 按一下第一個感謝您頁面以編輯頁面。
在「感謝」頁面上,選擇文本元件,然後在元件的編輯菜單中按一下「取消繼承」表徵圖。
We.Retail擁有全球化的網站結 構,其中內容會透過稱為繼承的 機制從語言母版推送至即時副本。因此,必須取消繼承,才能允許用戶手動編輯文本。
按一下是確認取消。
取消繼承後,您選擇文本元件後,可以使用更多選項。 按一下編輯。
您現在可以看到文字元件有哪些編輯選項可用。
從頁資訊菜單中選擇編輯模板。
在頁面的「範本編輯器」中,按一下頁面的「版面容器」中「文字」元件的「原則」圖示。
核心元件可讓範本作者設定頁面作者可使用的屬性。 這些功能包括允許的貼上來源、格式選項、可用段落樣式等。
此類設計對話方塊適用於許多核心元件,並可與範本編輯器搭配運作。 在啟用後,作者可透過元件編輯器使用這些工具。
有關核心元件的詳細資訊,請參閱編寫文檔核心元件以獲得核心元件功能的概述,有關技術概述,請參閱開發人員文檔開發核心元件。
此外,您可能希望進一步調查可編輯的範本。 有關可編輯模板的完整詳細資訊,請參閱編寫文檔建立頁面模板或開發人員文檔Page Templates - Editable。