階層連結元件(v2)

上次更新: 2023-05-26
  • 建立對象:
  • Developer
    Admin
    User

核心元件階層連結元件是一種導覽元件,可根據頁面在內容階層中的位置建立連結的階層連結。

使用狀況

階層連結元件會顯示目前頁面在網站階層中的位置,讓頁面訪客可以從其目前位置導覽頁面階層。 這通常會整合到頁首或頁尾中。

可用選項(例如預設導覽層級和顯示目前頁面或隱藏頁面的能力)可由範本作者在 設計對話方塊. 然後,內容編輯器可以選擇是否顯示隱藏的頁面,以及在中元件的實際導覽層級 編輯對話方塊.

版本和相容性

本檔案說明階層連結元件v2,此元件隨2018年1月的核心元件2.0.0版引入。

注意

本檔案說明階層連結元件v2。

如需目前版本的階層連結元件的詳細資訊,請參閱 階層連結元件 檔案。

範例元件輸出

若要體驗階層連結元件並檢視其設定選項範例以及HTML和JSON輸出,請造訪 元件資料庫.

注意

截至核心元件2.1.0版,階層連結元件支援 schema.org microdata.

技術細節

有關階層連結元件的最新技術檔案 可在GitHub上找到.

有關開發核心元件的進一步詳細資訊,請參閱 核心元件開發人員檔案.

編輯對話方塊

「編輯」對話方塊可讓內容作者在階層連結中隱藏隱藏和作用中的頁面,以及它應顯示的階層中的深度。

階層連結元件編輯對話方塊

  • 導覽開始層級 — 階層中階層連結元件的位置,應從這裡開始,逐步前往目前頁面。 例如:

    • 0開始於 /content
    • 1開始於 /content/<yourSite>
    • 2開始於 /content/<yourSite>/<country>
  • 顯示隱藏的導覽專案 — 在階層連結中顯示標籤為隱藏的頁面(預設不會顯示)

  • 隱藏目前頁面 — 在階層連結中隱藏目前頁面(預設會顯示)

  • 停用陰影 — 如果階層中的頁面是重新導向,將顯示重新導向頁面的名稱而非目標。 請參閱 陰影網站結構支援 以取得詳細資訊。

  • ID — 此選項可讓您控制HTML和中的元件唯一識別碼 資料層.

    • 如果保留為空白,系統會自動為您產生唯一ID,並可透過檢查結果頁面找到該ID。
    • 若指定ID,作者應負責確認該ID是唯一的。
    • 變更ID會對CSS、JS和資料層追蹤造成影響。

設計對話方塊

「設計」對話方塊可讓範本作者定義選項的預設值,以隱藏階層連結中的隱藏頁面和使用中頁面,以及應顯示的階層中的深度。

主要標籤

  • 導覽開始層級 — 定義階層中位置的預設值,在將階層連結元件新增至頁面時,它會從該位置開始向下瀏覽至目前頁面。

  • 顯示隱藏的導覽專案 — 定義 顯示隱藏的導覽專案 將階層連結元件新增至頁面時的選項。

    • 它不會為作者啟用或停用選項。 它只會設定預設值。
  • 隱藏目前頁面 — 定義 隱藏目前頁面 將階層連結元件新增至頁面時的選項。

    • 它不會為作者啟用或停用選項。 它只會設定預設值。
  • 停用陰影 — 定義 停用陰影 將階層連結元件新增至頁面時的選項。

樣式索引標籤

階層連結元件支援AEM 樣式系統.

Adobe使用者端資料層

階層連結元件支援 Adobe使用者端資料層。

本頁內容