header-logo
開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
聘用專業人士與專家配對,幫助實現目標。
placeholder-preview-image

Studio 編輯器:新增及管理選單

新增最新版選單元件,簡化網站建置流程,並提升客戶網站訪客的導覽體驗。可針對各個斷點選擇最合適的版面配置,包括橫向、垂直或漢堡選單。您可輕鬆切換版面配置,隨著設計調整,隨時變更選單。
可視需要新增、移除及重新排序選單項目。您也可使用下拉式選單,以自訂內容顯示子選單,打造符合客戶需求的專屬體驗。
重要:
本文說明 Studio 編輯器中的全新選單元件。如需舊版選單體驗的管理步驟,請點擊此處

新增選單

新增選單即可開始設定網站。建議將選單新增至網站頁首,但也可依需求新增並設定多個選單,為不同頁面和區段打造專屬體驗。

新增選單:

  1. 點擊編輯器左側的 「新增元件」
  2. 選擇 「選單與搜尋」
  3. 選擇所需的選單類型:
    • 橫向選單:這類進階選單提供豐富且獨特的自訂選項。您可按照實際需求,調整每個區域的版面配置和設計。
    • 垂直選單:採用垂直排列,在網站左側或右側都能呈現出色效果。
    • 漢堡選單節省空間的極簡選單,訪客點擊選單圖示後才會顯示選單項目。選單具有開啟和已關閉兩種狀態。
  4. 點擊選單,並將選單拖曳至頁面上的所需位置。
想變更選單的版面配置(類型)嗎?
別擔心,之後隨時都能變更。
「新增元件」面板已開啟。游標正在將橫向選單新增至網站。

新增選單項目

新增選單後,請選擇要顯示的項目。
選擇一般網站頁面、應用程式和 CMS 頁面的集合,或集合中的特定頁面。也可新增下拉式選單容器和連結,依照客戶需求量身打造使用體驗。

若要新增選單項目:

  1. 在編輯器中選擇選單。
  2. 點擊「管理選單」。
  3. 點擊底部的「+新增項目」。
  4. 選擇要新增的項目並完成設定:
「管理選單」面板已開啟。已選擇「新增項目」,並顯示包含 3 個選項的下拉式選單。

管理選單項目

可隨時調整現有選單及其中顯示的項目。新增更多項目、移除不相關的項目,或變更排列順序,讓內容保持新鮮。

若要管理選單:

  1. 在編輯器中選擇相關選單。
  2. 點擊「管理選單」
  3. 選擇後續操作:
「管理選單」面板已開啟。游標正點擊項目以重新命名。

建立下拉式選單

視所需標題而定,可透過以下 2 種方式在選單中建立下拉式選單:
  • 現有選單項目:從選單中選擇現有項目(頁面或連結);訪客將滑鼠游標移至該項目時,便會顯示下拉式選單。
  • 無法點擊的標題:新增不會連至任何頁面的下拉式選單標題 。訪客將滑鼠游標移至標題時,便會開啟下拉式選單容器。
提示:
在舊版選單體驗中,下拉式選單稱為巨型選單。

新增並設定下拉式選單:

  1. 在編輯器中選擇相關選單。
  2. 點擊「管理選單」
  3. 選擇要執行的操作:
    • 使用現有的選單項目:
      1. 拖曳選單項目,將其移至要設為下拉式選單標題的項目下方。
      2. 將滑鼠游標移到同一個項目上,然後點擊「更多操作」圖示
      3. 選擇「移至『頁面名稱』下方」
      4. 對所有其他項目重複步驟 a 至 c。
    • 建立新的下拉式選單:
      1. 點擊「+新增項目」
      2. 選擇「下拉式選單」
      3. 輸入下拉式選單的標題。
      4. 按下鍵盤上的 Enter 鍵,即可儲存變更。
      5. 將選單項目拖放到下拉式選單下方,即可新增項目。
      6. 對所有其他要新增的項目重複步驟 e。
「管理選單」面板中已建立下拉式選單,且正在將選單項目拖曳至其下方。

切換選單類型

可針對網站上的各個斷點變更選單版面配置。選單類型可選擇橫向或垂直導覽列,也可選擇漢堡選單。

若要設定選單類型和版面配置:

  1. 前往編輯器
  2. 點擊編輯器頂端的相關斷點。
  3. 點擊選單。
  4. 點擊「版面配置」圖示
  5. 選擇選單類型:
    • 導覽列:選單項目會顯示在導覽列中。在「方向」下方,選擇橫向或垂直顯示導覽列。
    • 漢堡選單:顯示一個圖示。網站訪客點擊該圖示時,選單便會開啟。
  6. 調整所選選單類型的版面配置設定。
  7. 針對每個斷點重複步驟 2 至 6。
選單版面配置面板。游標已選擇「導覽列」。
需要更多資訊嗎?

在同一個網站顯示多個選單

可視需要建立任意數量的選單,並在每個選單中顯示完全不同的項目。
新增選單元件後,可選擇要顯示的選單:先前儲存的現有選單,或是當場建立的新選單。也就是說,您可儲存選單,並在網站的不同選單元件中重複使用。
點擊下方連結,了解以下操作方法:
想改善無障礙嗎?
開啟「設定」面板 ,為選單新增無障礙名稱。無障礙名稱是簡短的標題(通常為 1 至 3 個字詞),可向輔助技術說明元件的功能和內容。