跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

設定網站導覽選單

上次更新時間: 2026年8月31日

可搭配下列任何訂閱使用,除非另有註明:

設定並使用導覽選單來整理網站頁面,並協助訪客找到重要內容。您可以在設定中,或直接透過全域內容編輯器來建立和管理選單,然後在各個模板和頁面中使用這些選單。

開始之前

在開始使用導覽選單之前,請先檢視以下需求與注意事項。

需要權限 需具備以下權限:

了解限制與注意事項

  • 對已發佈選單所做的變更,將影響所有使用該選單的頁面或範本。

  • 若要針對不同頁面或網域使用不同的選單,請建立獨立的導覽選單。接著,建立或複製獨立的 全域頁首或群組範本 ,並將其套用至相關頁面。
  • 若要變更單一頁面的選單,請建立 全域模組 的本地副本,再選擇其他選單。對全域內容所做的變更將影響所有使用該內容的頁面。

建立選單

您可透過「設定」或直接在「全域內容編輯器」中建立導覽選單。一個選單可包含網站中的重要頁面,或透過父選單項目與子選單項目建立頁面的層級結構。這些選單可在「設計管理員」工具中的模板內,透過「進階選單模組」進行選取。

在設定中建立選單

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的「設定圖示」
  2. 在左側邊欄選單中,導航至「內容 > 導覽選單」。您的預設選單包含會自動填入進階選單模組預設內容的頁面。
  3. 點擊導覽下拉式選單,然後點擊「+ 新增選單」。
The navigation menu settings are displayed. A box is around the navigation menu dropdown menu and an arrow points to the + Add menu option.
  1. 若要建立現有進階選單的副本,請點擊右上角的「更多」下拉選單,然後選擇「複製」。 

在全球內容編輯器中建立選單

  1. 導航至您的內容:

  2. 點擊頁面或文章的名稱,或點擊右上角的「建立」。 
  3. 在內容編輯器中,點擊siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
  4. 在全球內容編輯器中,點擊siteTreeIcon 內容圖示,然後點擊包含導覽選單的模組。 
  5. 在側邊欄編輯器中,點擊「選單」欄位下方的「建立新項目」。
  6. 在對話方塊中,繼續新增選單項目、頁面及子頁面。進一步了解如何在全域內容編輯器中編輯內容。 
  7. 完成後,請點擊「發佈至 [#] 資產」。

新增選單項目

建立選單後,請新增選單項目以定義將出現在導覽列中的頁面與連結。選單項目支援重新排序及子選單項目的設定。 

在設定中新增選單項目

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的「設定圖示」
  2. 在左側邊欄選單中,導航至「內容」>「導覽選單」。
  3. 點擊導覽下拉式選單,選擇要更新的現有選單
  4. 在現有導覽選單的底部,點擊「+ 新增選單項目」下拉式選單,並選擇以下其中一項
    • 新增無連結項目:新增一個不連結至現有頁面的選單項目。此選項常被用作子選單項目的佔位符。
    • 新增頁面連結:新增一個連結至特定 HubSpot 頁面的選單項目。
    • 新增帶有 URL 參數的頁面連結:新增一個連結至特定 HubSpot 頁面的選單項目。選擇此選項時,您可以直接輸入目標頁面的精確 URL。
    • 新增 URL 連結:新增一個連結至外部 URL 的選單項目。
  5. 若要重新排列選單項目的順序,請點擊選單項目旁邊的拖曳把手圖示,並將其拖曳至新位置
  6. 若要讓選單項目的 URL 連結在新視窗中開啟,請將游標懸停在選單項目右側,點擊「 動作 下拉式 選單,然後勾選「在新視窗中開啟連結 核取方塊
  7. 若要新增子選單項目,請將游標懸停在選單項目的右側,點擊「動作」下拉式選單,然後選取「下方新增子項目」。 
    • 在「選單項目標籤」欄位中輸入選單項目的名稱
    • 點擊「選擇頁面」下拉式選單,為連結選擇一個頁面。若要手動輸入網址,請點擊「動作」,然後選擇「網址連結」以變更子選單項目的類型。
  8. 完成後,請點擊右上角的「儲存」。

In the global content editor, the dialog box is displayed for editing a navigation menu. A box is around the Action dropdown menu and an arrow is pointing to the Add child item below option.

在全域內容編輯器中新增選單項目

  1. 導覽至您的內容:
  2. 點擊頁面或文章的名稱,或點擊右上角的「建立」。 
  3. 在內容編輯器中,點擊siteTreeIcon 內容圖示,然後點擊globalGroupIcon 全球內容圖示以開啟全球模組。
  4. 在全球內容編輯器中,點擊siteTreeIcon 內容圖示,然後點擊包含導覽選單的模組。在側邊欄編輯器中,點擊「編輯」。
  5. 在對話方塊中,於現有導覽選單的底部,點擊「+ 新增選單項目」下拉式選單,並選擇以下其中一項
    • 新增無連結項目:新增一個不連結至現有頁面的選單項目。此選項常被用作子選單項目的佔位符。
    • 新增頁面連結:新增一個連結至特定 HubSpot 頁面的選單項目。
    • 新增帶有 URL 參數的頁面連結:新增一個連結至特定 HubSpot 頁面的選單項目。選擇此選項時,您可以直接輸入目標頁面的精確 URL。
    • 新增 URL 連結:新增一個連結至外部 URL 的選單項目。

In the global content editor, the dialog box is displayed for editing a navigation menu. A box is around the + Add menu item dropdown menu and an arrow is pointing to the options.

請注意:新增 URL連結 時,必須輸入包含httphttps協定的完整 URL

  1. 若要重新排列選單項目的順序,請點擊選單項目旁邊的拖曳把手圖示,並將其拖曳至新位置
  2. 若要讓選單項目的 URL 連結在新視窗中開啟,請將游標懸停在選單項目右側,點擊「 動作 下拉式 選單,然後勾選「在新視窗中開啟連結 核取方塊
  3. 若要新增子選單項目,請將游標懸停在選單項目的右側,點擊「動作」下拉式選單,然後選取「下方新增子項目」。 
In the global content editor, the dialog box is displayed for editing a navigation menu. A box is around the Action dropdown menu and an arrow is pointing to the Add child item below option.
    • 在「選單項目標籤」欄位中輸入選單項目的名稱
    • 點擊「選擇頁面」下拉式選單,為該連結選擇一個頁面。若要手動輸入網址,請點擊「動作」,然後選擇「網址連結」以變更子選單項目的類型。
    • 完成後,請點擊「儲存」。
  1. 若要讓變更生效,請點擊右上角的「發佈至 [#] 資產」。

建立次級選單

建立次級選單,為訪客提供更多導覽選項。次級選單可應用於特定頁面或頁面頁尾

在設定中建立次級選單

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的「設定圖示」
  2. 在左側邊欄選單中,導航至「內容」>「導覽選單」。
  3. 點擊導覽下拉式選單,然後點擊「+ 新增」。
  4. 為導覽選單輸入名稱
  5. 接著完成相關步驟以新增選單項目

在全域內容編輯器中建立次級選單

  1. 導航至您的內容:

  2. 點擊頁面或文章的名稱,或點擊右上角的「建立」。 
  3. 在內容編輯器中,點擊「siteTreeIcon 內容圖示,然後點擊「globalGroupIcon全域內容圖示以開啟全域模組。
  4. 在全球內容編輯器中,點擊「siteTreeIcon內容圖示,然後點擊包含導覽選單的模組。在側邊欄編輯器中,點擊「建立新項目」。
  5. 接著完成相關步驟以新增選單項目

檢視與還原選單修訂版本

使用版本歷史記錄來檢視並還原導覽選單的先前版本。每個版本皆包含日期、時間戳記,以及建立該版本的用戶。 

在設定中檢視修訂版本

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的「設定圖示」
  2. 在左側邊欄選單中,導航至「內容」>「導覽選單」。 
  3. 點擊導覽下拉式選單,選擇要更新的現有選單
  4. 點擊「更多」下拉式選單,並選擇「顯示修訂版本」。
  5. 在對話方塊的左側欄中,點擊某個時間戳記,即可檢視該日期與時間點的選單內容。 
  6. 若要還原選單先前已發佈的版本,請點擊左下角的「選擇」。
  7. 完成後,請點擊「儲存」。

A dialog box with revision history for a navigation menu is displayed. The left column contains the date and timestamps of revisions. The right column shows a preview of the revision. A choose button is located on the bottom left.

在全域內容編輯器中檢視修訂版本

  1. 導覽至您的內容:
  2. 點擊現有頁面或文章的名稱。 
  3. 在內容編輯器中,點擊siteTreeIcon 內容圖示,然後點擊globalGroupIcon 全球內容圖示以開啟全球模組。
  4. 在全球內容編輯器中,點擊siteTreeIcon 內容圖示,然後點擊包含導覽選單的模組。在側邊欄編輯器中,點擊「編輯」。
  5. 在對話方塊中,點擊「更多」下拉式選單,並在左下角選取「顯示修訂版本」。系統將引導您前往導覽選單設定頁面。
  6. 在對話方塊的左側欄中,點擊某個時間戳記,即可檢視該日期與時間點的選單內容。 
  7. 若要還原選單先前已發佈的版本,請點擊左下角的「選擇」。
  8. 完成後,請點擊「儲存」。

Use HubSpot tools on your WordPress website and connect the two platforms  without dealing with code. Click here to learn more.

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助