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

設定網站的導航選單

上次更新時間: 一月 20, 2023

套用至:

所有產品和版本

建立網站時,你將花費時間整理內容的資訊架構您的導覽選單將包括您的網站訪客在瀏覽網站時想要快速或頻繁存取的最重要網頁。 整理好網站和選單後,您可以在HubSpot中自訂網站地圖

新建菜單

進階選單可能包含您網站上的幾個重要頁面,或使用父和子選單項目的頁面層級。 您可以在設計管理工具模板的進階選單模組中選擇這些選單。

  • 在 HubSpot 帳戶中,點擊主要導覽列中的「settings設定圖示」。
  • 左側邊欄選單中,瀏覽至網站」>「導航你的預設選單包含自動填充進階選單模組的預設內容的頁面
  • 使用下拉菜單選擇要更新的現有選單。 若要建立新選單,請按一下+新增選單

  • 若要建立現有進階選單的副本,請按一下右上角的「操作」下拉選單,然後選擇複製
HubSpot Help article screenshot
 
若要將頁面新增至餐牌,請按照以下步
  • 滑鼠懸停在現有選單的上方或下方,然後按一下+圖示並選擇要新增到導航中的項目:
    • 連結新增餐點:在餐牌中新增其他餐點,但無法連結至現有頁面。 這通常用作子菜單項目的佔位符。
    • 新增頁面連結:新增連結至特定HubSpot頁面的選單項目。
    • 添加頁面連結與網址參數:添加連結到特定HubSpot頁面的選單項目。 使用此選項,您可以輸入所需網頁的確切網址。
    • 新增網址連結: 新增連結至外部網址的選單項目。
add-menu-item
  • 您也可以將鼠標懸停在現有餐點的右側,然後按一下下方的[操作] > [新增餐點] ,以新增餐牌餐點。
HubSpot Help article screenshot
  • 在「餐牌餐點」標籤中為餐牌餐點命名。
  • 選擇HubSpot頁面,或輸入此選單項目的網址,如果你想連結它。

請注意:新增網址連結時,必須輸入完整的網址,包括httphttps定。

  • 如果您希望在新視窗中開啟此餐牌餐點連結,請在餐牌餐點的右側h上方。 勾選操作下拉菜單然後選擇  在新視窗中開啟連結核取方塊。
HubSpot Help article screenshot
  • 按一下餐牌餐點標籤,然後將其拖動到位,以重新排序餐牌餐點。
reorder%20menu%20items

向菜單中添加子頁面


子頁面出現在下拉菜單中或飛出子菜單。 如果你願意撰寫和編輯CSS ,可以在選單中新增自訂風格

HubSpot Help article screenshot

若要將新子頁面新增至選單,請按照以下步驟操作:

  • 將滑鼠懸停在頂級餐牌餐點上。 然後勾選 操作,然後選擇下面的新增子項目
  • 輸入餐牌餐點標籤然後選擇連結的頁面。 如果需要手動輸入網址,請按一下[操作] ,然後選擇[網址連結]以變更子選單項目類型。

建立副菜單

您可以爲網站建立多個選單。 第二選單可用於特定頁面,或在頁面頁 提供額外的導航

add%20secondary%20menu

查看餐牌的修改

您可以在「修訂紀錄」中查看和恢復先前已發佈的餐牌版本。 每個版本都包含日期和時間戳。 2018年10月3日發佈的任何版本的餐牌,您還會看到是哪位用戶創建的修訂版。

  • 在 HubSpot 帳戶中,點擊主要導覽列中的「settings設定圖示」。
  • 左側邊欄選單中,瀏覽至網站」>「導航
  • 使用頂部的下拉式選單選擇要檢查的選單。
  • 按一下[操作]下拉式選單,然後選擇[顯示修訂版] ,即可開啟此選單所有先前已發佈版本的預覽。

view-revisions-1

  • 在左側窗格中,按一下時間戳以查看該日期和時間的選單內容。
  • 若要恢復先前發佈的餐牌版本,請按一下選擇
choose-revisions
  • 選擇所需的餐牌版本後,按一下發佈,即可在網站上更新此餐牌。

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

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