階層連結元件

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

使用狀況

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

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

版本和相容性

Breadcrumb元件的目前版本為v2,此版本於2018年1月隨核心元件2.0.0版推出,並在本檔案中加以說明。

下表詳細說明所有支援的元件版本、元AEM件版本相容的版本,以及舊版檔案的連結。

元件版本 AEM 6.4 AEM 6.5 AEM as a Cloud Service
v2 相容 相容 相容
v1 相容 相容 -

有關核心元件版本和版本的詳細資訊,請參閱文檔核心元件版本

元件輸出示例

若要體驗Breadcrumb元件,並檢視其設定選項以及HTML和JSON輸出的範例,請造訪元件庫

注意

從核心元件2.1.0版開始,Breadcrumb元件支援schema.org microdata

技術詳細資訊

有關Breadcrumb Component 的最新技術文檔可在GitHub上找到。

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

編輯對話框

編輯對話方塊可讓內容作者隱藏階層路徑標示中隱藏和作用中的頁面,以及應顯示的階層深度。

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

  • 導覽開始層級 -階層中階層中,階層導覽路徑標示元件應開始向下移至目前頁面的位置。例如:

    • 0開頭為/content
    • 1開頭為/content/<yourSite>
    • 2開頭為/content/<yourSite>/<country>
  • 顯示隱藏的導覽項目 -顯示標示為隱藏在階層連結中的頁面(依預設不會顯示)

  • 隱藏目前頁面 -隱藏階層連結中的目前頁面(依預設會顯示)

  • 停用遮蔽 -如果階層中的頁面是重新導向,則會顯示重新導向頁面的名稱,而非目標頁面。如需詳細資訊,請參閱導覽元件的陰影網站結構支援

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

    • 如果保留空白,則會自動為您產生唯一ID,並透過檢查產生的頁面找到。
    • 如果指定ID,則作者有責任確保其唯一性。
    • 變更ID可能會影響CSS、JS和資料圖層追蹤。

設計對話框

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

主頁籤

  • 導覽開始層級 -定義階層中階層中階層階層中階層導覽路徑標示元件新增至頁面時,該階層中該元件應開始向下移至目前頁面的預設值。

  • 顯示隱藏的導覽項目 -定義將階層連結元件新增至頁 面時 「顯示隱藏的導覽項目」選項的預設值。

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

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

樣式標籤

Breadcrumb元件支援AEMStyle System

Adobe客戶端資料層

Breadcrumb元件支援Adobe客戶端資料層。

本頁內容