在設計模式下配置元件

當AEM例項安裝在現成可用時,sidekick中會立即提供選取的元件。

除了這些外,還有各種其他元件可供使用。 您可以使用「設計」模式來啟用/停用此類元件。 啟用並位於頁面上時,您可以使用「設計」模式來編輯屬性參數,以設定元件設計的各個方面。

注意

編輯這些元件時必須小心。 設計設定通常是整個網站設計不可或缺的一環,因此只有擁有適當權限(和經驗)的人(通常是管理員或開發人員)才能變更設定。 如需詳細資訊,請參閱開發元件

這實際上包括新增或移除頁面段落系統中允許的元件。 段落系統(parsys)是包含所有其他段落元件的複合元件。 段落系統可讓作者將不同類型的元件新增至包含所有其他段落元件的頁面。 每個段落類型都表示為元件。

例如,產品頁面的內容可能包含包含下列內容的段落系統:

  • 產品的影像(影像或文欄位落的形式)
  • 產品說明(文欄位)
  • 具有技術資料的表(作為表段)
  • 表單使用者填寫(表單開頭、表單元素和表單結尾段落)
注意

如需parsys的詳細資訊,請參閱開發元件使用範本和元件的准則

啟用/禁用元件

在「設計」模式中,sidekick會最小化,您可以設定可供編寫的元件:

  1. 若要進入「設計」模式,請開啟頁面進行編輯,然後使用「側腳」圖示:

  2. 按一下「段落」系統上的「編輯」(par​的「設計」)。

    screen_shot_2012-02-08at102726am

  3. 將開啟一個對話框,列出Sidekick中顯示的元件組及其包含的各個元件。

    視需要選取要新增或移除的元件,以便在sidekick中使用。

    screen_shot_2012-02-08at103407am

  4. Sidekick在「設計」模式下最小化。 按一下箭頭,您可將Sidekick最大化並返回「編輯模式」:

配置元件的設計

在「設計」模式中,您也可以為個別元件設定屬性。 每個元件都有其自己的參數,以下示例顯示​Image​元件:

  1. 若要進入「設計」模式,請開啟頁面進行編輯,然後使用「側腳」圖示:

  2. 您可以設定元件的設計。

    例如,如果按一下「影像」元件(影像設計)上的「編輯」,則可以配置元件特定參數:

    chlimage_1-5

  3. 按一下​確定​保存更改。

  4. Sidekick在「設計」模式下最小化。 按一下箭頭,您可將Sidekick最大化並返回「編輯模式」:

本頁內容

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