在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. 按一下​​確認取消。

    chlimage_1-168

  11. 取消繼承後,您選擇文本元件後,可以使用更多選項。 按一下​編輯

    chlimage_1-169

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

    chlimage_1-170

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

  14. 在頁面的「範本編輯器」中,按一下頁面的「版面容器」中「文字」元件的「原則」圖示。

    chlimage_1-171

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

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

    chlimage_1-172

更多資訊

有關核心元件的詳細資訊,請參閱編寫文檔核心元件以獲得核心元件功能的概述,有關技術概述,請參閱開發人員文檔開發核心元件

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

本頁內容