在We.Retail中試用核心元件 trying-out-core-components-in-we-retail
核心元件是現代、彈性的元件,具有輕鬆擴充的功能,並可輕鬆整合至您的專案。 核心元件是圍繞幾項主要設計原則建置的,例如HTL、現成可用的能力、可設定性、版本設定和擴充性。 We.Retail是以核心元件為基礎所建置。
正在試用中 trying-it-out
-
以We.Retail範例內容啟動Adobe Experience Manager (AEM),並開啟元件主控台。
全域導覽>工具>元件
-
在元件主控台中開啟邊欄,即可篩選特定元件群組。 核心元件可在下列位置找到:
.core-wcm
:標準核心元件.core-wcm-form
:表單提交核心元件
選擇
.core-wcm
。 -
所有核心元件都命名為 v1,表示這是此核心元件的第一個版本。 未來將發行常規版本,此版本與AEM版本相容,且可輕鬆升級,讓您可以利用最新功能。
-
按一下 文字(v1)。
檢視元件的 資源型別 是
/apps/core/wcm/components/text/v1/text
。 核心元件位於/apps/core/wcm/components
下方,且已針對每個元件建立版本。 -
按一下 檔案 標籤,檢視元件的開發人員檔案。
-
返回「元件主控台」。 篩選群組 We.Retail 並選取 Text 元件。
-
檢視 資源型別 是否指向
/apps/weretail
下的元件(如預期),但 資源超級型別 是否指向核心元件/apps/core/wcm/components/text/v1/text
。 -
按一下「即時使用情況」標籤,檢視此元件正在哪些頁面上使用。 按一下前 個感謝您 個頁面以編輯頁面。
-
在「感謝您」頁面上,選取文字元件,然後在元件的編輯選單中按一下「取消繼承」圖示。
We.Retail有全域化的網站結構,內容透過稱為inheritance🔗的機制從語言主版推送到即時副本。 因此,必須取消繼承,才能讓使用者手動編輯文字。
-
按一下 是 以確認取消。
-
一旦取消繼承並選取文字元件後,就可使用更多選項。 按一下 編輯。
-
您現在可以看到文字元件有哪些編輯選項可用。
-
從 頁面資訊 功能表,選取 編輯範本。
-
在頁面的範本編輯器中,按一下頁面 配置容器 中文字元件的 原則 圖示。
-
核心元件可讓範本作者設定哪些屬性可供頁面作者使用。 這些功能包括允許貼上來源、格式選項和可用段落樣式等功能。
這類設計對話方塊適用於許多核心元件,並與範本編輯器共同作業。 在啟用後,作者可以透過元件編輯器使用它們。
更多資訊 further-information
如需核心元件的詳細資訊,請參閱撰寫檔案核心元件,以取得核心元件功能的概觀,並參閱開發人員檔案開發核心元件,以取得技術概觀。
此外,您可能希望進一步調查可編輯的範本。 如需可編輯範本的完整詳細資訊,請參閱撰寫檔案建立頁面範本或開發人員檔案頁面範本 — 可編輯。