階層連結元件(v2)

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

使用狀況

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

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

版本和相容性

本檔案說明階層連結元件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使用者端資料層。

本頁內容