頁面階層

Adobe Commerce功能 {width="20"} 只有Adobe Commerce才有專屬功能(深入瞭解

商店頁面階層系統可讓您組織內容頁面,以及新增分頁、導覽和功能表。 範例資料中的「隱私權原則」頁面是左側有功能表的頁面的範例。 如果您定期發佈大量內容,可使用頁面階層來組織您的內容,讓他人輕鬆找到感興趣的文章。

頁面階層系統使用節點來識別內容的相關片段,並將內容頁面組織成父/子關係。 父節點就像資料夾,其中可能包含子節點和頁面。 階層中每個節點和頁面的相對位置會顯示為​ 樹狀結構 ​結構。 節點可能包含其他節點和內容頁面,而單一內容頁面可能和父/子或芳鄰關係中的多個節點和其他內容頁面相關聯。

含左側導覽的頁面

設定頁面階層

組態設定會啟動頁面階層系統和中繼資料,並決定預設功能表配置。

CMS頁面階層

  1. 在​ 管理員 ​側邊欄上,移至​ Stores > Settings>Configuration

  2. 在左側面板的​ General ​下,選擇​ Content Management

  3. 展開 擴充選擇器 CMS Page Hierarchy,並進行任何必要的變更。

  4. 完成時,按一下​ Save Config

欄位
說明
Enable Hierarchy Functionality
為您的內容頁面啟用頁面階層。 選項: Yes / No
Enable Hierarchy Metadata
啟用此選項後,您可以將中繼資料與階層中的頁面建立關聯。 選項: Yes / No
Default Layout for Hierarchy Menu
決定預設選單樣式。 選項: Content / Left Column / Right Column

新增階層節點

下列範例說明如何建立節點,並透過簡單導覽至相關內容頁面。 雖然節點沒有關聯的內容頁面,但它的確有URL金鑰,可在網站的其他位置參照。

例如,您可以建立名為​ 新聞稿 ​的節點,其可導覽至個別新聞稿。 然後,您可以在您的​ 關於我們 ​頁面上加入指向節點的連結。 或者,您可以為新聞稿的舊版集合建立一個節點。

若要連結至節點,請使用Widget工具建立CMS階層節點連結,並將該Widget置於內容區塊或頁面中。

關於我們的頁面上的導覽功能表範例

步驟1:建立節點

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Elements>Hierarchy

    CMS頁面格線 {width="600" modal="regular"}

  2. 在格線上方,按一下​ Add Node…

  3. 在​ Page Properties ​底下,輸入節點的​ Title ​和適當的​ URL Key

    URL索引鍵會提供節點的唯一網址。 必須全部為小寫字元,使用連字型大小來分隔單字,而非空格。

    頁面屬性 {width="500" modal="regular"}

  4. 按一下​ Save

    節點會在頁面左側的樹狀結構中顯示為資料夾。

步驟2:將頁面新增至節點

  1. 在階層樹狀結構中,按一下以選取節點。

  2. 按一下​ Add Selected Pages(s) to Tree

    您可以向上捲動,檢視每個選取的頁面是否出現在節點資料夾下方的樹狀結構中。

步驟3:定義結構

  1. 如有必要,請將頁面拖曳至適當位置,以反映它們在功能表中出現的順序。

    將頁面拖曳到位置 {width="500" modal="regular"}

  2. 按一下階層頂端的節點。

    Page Properties ​區段現在會顯示有關節點的資訊。

  3. 在​ Render Metadata in HTML Head ​底下,執行下列動作:

    演算中繼資料設定 {width="400" modal="regular"}

    • 若要將節點識別為階層的頂端,請將​ First ​設為Yes

    • 若要顯示分頁控制項,請將​ Next/Previous ​設為Yes

    • 若要將階層中的頁面組織成書冊,請將​ Enable Chapter/Section ​設為Yes

      如果您不想將節點加入書冊中,請保留預設值No

    • 若要將節點指派給書冊的特定部分,請將​ Chapter/Section ​設定為下列其中一項:

      • No — 未將節點定義為章節/區段。
      • Chapter — 將目前節點指派為章節。
      • Section — 將目前節點指派為區段。
      • Both — 將目前節點同時指派為章節和區段。

步驟4:新增分頁控制項

  1. 在巢狀頁面的​ 分頁選項 ​下,將​ Enable Pagination ​設定為Yes

  2. 針對​ Frame,輸入您要在分頁控制項中包含的頁面連結數目。

    如果階層中有更多頁面可包含在分頁控制項中。

  3. 針對​ Frame Skip,輸入您要在下一組分頁連結中向前跳過(或向後跳過)的頁數。

步驟5:選擇功能表配置

如果要讓節點出現在選單中,請執行下列動作:

  1. 在​ 頁面導覽功能表選項 ​下,將​ Show in navigation menu ​設定為Yes

    此設定決定是否產生頁面階層的導覽功能表。

    頁面導覽功能表選項 {width="300" modal="regular"}

  2. 若要指定功能表相對於內容的位置,請設定​ Menu Layout

    • Content — 功能表配置在內容中。
    • Use Default — 使用組態中指定的功能表樣式。
    • Left Column — 功能表會出現在內容的左側。
    • Right Column — 功能表會出現在內容的右側。
  3. 若要指定功能表中包含多少詳細資料,請將​ Menu Detalization ​設定為下列其中一項:

    • Only Children — 僅包含功能表中的子頁面。
    • Neighbours and Children — 包含子頁面和位於階層中相同層級的其他頁面。
  4. 若要判斷功能表的深度,請輸入​ Maximal Depth ​以包含最大層級數目。

  5. 若要格式化功能表,請選擇​ List Type

    • Unordered — 功能表選項未編號,無論是否有專案符號,都可以格式化。 未排序清單型別的選項:預設/圓形/磁碟/正方形
    • Ordered — 功能表選項會以數字編號,並可以大寫或小寫格式化為數字、字母或羅馬數字。
  6. 將​ List Style ​設定為下列其中一項:

    • Circle
    • Disc
    • Square
  7. 如果您也想要在導覽功能表中顯示節點,請捲動至​ 主要導覽功能表選項 ​並將​ Show in Navigation menu ​設定為Yes

    主要導覽功能表選項 {width="250" modal="regular"}

  8. 按一下​ Save

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de