在We.Retail中試用核心元件

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

試用

  1. 從AEMWe.Retail範例內容開始,並開啟元件主控台

    全域導覽->工具->元件

  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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now