在We.Retail中試用核心元件

核心元件是現代化、有彈性的元件,具有輕鬆的擴充性,並可輕鬆整合至您的專案。 核心元件是以數種主要設計原則為基礎而建立,例如HTL、可用性、現成可用性、可設定性、版本設定和擴充性。 We.Retail已建置在核心元件上。

嘗試

  1. 從We.Retail範例內容開始AEM,然後開啟元件主控台

    全局導航 — >工具 — >元件

  2. 在「元件控制台」中開啟邊欄,您可以篩選特定元件群組。 核心元件位於

    • .core-wcm:標準核心元件
    • .core-wcm-form:表單提交核心元件

    選擇.core-wcm

    chlimage_1-162

  3. 請注意,所有核心元件均命名為​v1,這反映出這是此核心元件的第一個版本。 日後將發行一般版本,其版本與AEM相容,且可輕鬆升級,以便您運用最新功能。

  4. 按一下「文字(v1)」。

    請參閱元件的​資源類型​是/apps/core/wcm/components/text/v1/text。 核心元件位於/apps/core/wcm/components下,並根據元件進行版本控制。

    chlimage_1-163

  5. 按一下​Documentation​標籤,查看元件的開發人員檔案。

    chlimage_1-164

  6. 返回元件控制台。 篩選群組​We.Retail​並選取​Text​元件。

  7. 請參閱​資源類型​如/apps/weretail下預期指向元件,但​資源超類型​指向核心元件/apps/core/wcm/components/text/v1/text

    chlimage_1-165

  8. 按一下​即時使用​標籤,查看目前使用此元件的頁面。 按一下第一個​感謝​頁面以編輯頁面。

    chlimage_1-166

  9. 在感謝頁面上,選擇文本元件,然後在元件的編輯菜單中按一下取消繼承表徵圖。

    We.Retail具有全球化的網站結 構,其中內容會透過稱為繼承 的機制從語言主版推播至即時副本。因此,必須取消繼承,才能讓使用者手動編輯文字。

    chlimage_1-167

  10. 按一下​Yes​確認取消。

    chlimage_1-168

  11. 取消繼承並選取文字元件後,可使用更多選項。 按一下 Edit

    chlimage_1-169

  12. 您現在可以查看文字元件有哪些編輯選項可用。

    chlimage_1-170

  13. 從​頁面資訊​菜單中選擇​編輯模板

  14. 在頁面的「模板編輯器」中,按一下頁面的​「佈局容器」​中文本元件的​Policy​表徵圖。

    chlimage_1-171

  15. 核心元件可讓範本作者設定頁面作者可使用的屬性。 這些功能包括允許的貼上來源、格式選項、可用的段落樣式等。

    此類設計對話方塊適用於許多核心元件,並與範本編輯器搭配運作。 啟用後,作者可透過元件編輯器使用。

    chlimage_1-172

更多資訊

如需核心元件的詳細資訊,請參閱製作檔案核心元件以取得核心元件功能的概觀,並參閱開發人員檔案開發核心元件以取得技術概觀。

您也可以進一步調查可編輯的範本。 有關可編輯模板的完整詳細資訊,請參閱創作文檔建立頁面模板或開發人員文檔Page Templates - Editable

本頁內容