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

Wix Harmony 編輯器:新增及管理選單

選單可讓訪客輕鬆探索網站並了解提供的內容。選擇最重要的頁面和連結,並決定選單的外觀和運作方式,讓訪客無論使用哪種裝置,都能順暢地瀏覽網站。
Wix Harmony 已上線網站中含有下拉式選單的橫向網站選單範例

新增選單

選單可協助訪客在網站頁面之間移動。「新增元件」面板中「選單」類別下的「橫向」、「垂直」和「漢堡選單」選項,都會新增連結至網站頁面的網站選單(也就是新增頁面時,該頁面會自動顯示在此選單中)。
也可針對特定區域新增獨立的自訂選單,並選擇要以橫向、垂直或漢堡選單顯示。例如,可為網站頁尾或需要專屬導覽的特定頁面建立自訂選單。

新增選單:

  1. 前往編輯器。

  2. 點擊編輯器左上方的「+新增」。

  3. 選擇「選單」類別。
    提示:點擊類別旁的「箭頭」圖示 ,即可瀏覽清單。

  4. 根據要新增的選單類型,按照下方步驟操作:

您知道嗎?
若在頁首新增選單列,行動版會自動改為漢堡選單。行動版可在較小的畫面上維持整潔清楚的網站導覽。
Wix Harmony 編輯器「新增元件」面板中「選單」類別的主頁面

新增及管理選單項目

新增選單後,請選擇要顯示的項目。可選擇一般網站頁面、應用程式與 CMS 頁面系列,或系列中的特定頁面。還可新增下拉式選單容器和連結,依照客戶需求打造合適的體驗。
您隨時可以調整現有選單及其中顯示的項目。新增更多項目、移除不相關的項目,或變更順序,讓內容保持新鮮。

管理選單:

  1. 前往編輯器。
  2. 點擊選單。
  3. 點擊「管理選單」。
  4. 選擇後續操作:
Wix Harmony 中的網站選單與「管理選單」面板

新增下拉式選單

使用下拉式選單將相關頁面歸類至單一選單項目下,讓網站導覽一目瞭然。選擇頁面或連結作為上層項目,再將其他頁面置於其下,即可建立下拉式選單。

新增並設定下拉式選單:

  1. 前往編輯器。

  2. 點擊選單。

  3. 點擊「管理選單」。

  4. 決定要將哪個選單項目設為下拉式選單標題。

  5. 將第一個選單項目移至下拉式選單:

    1. 將相關選單項目拖曳至下拉式選單標題下方。

    2. 將游標移至剛才拖曳的項目上,然後點擊「更多操作」圖示 。

    3. 選擇「移至「頁面名稱」下方」。

  6. 針對要移至下拉式選單的其他所有項目,重複步驟 5。

Wix Harmony 中的網站選單與「管理選單」面板,畫面顯示點擊將項目移至另一個項目下方以建立下拉式選單
改用滑鼠拖曳:
想更快將頁面變成下拉式選單項目嗎?上下拖曳頁面,再稍微向右移動,直到頁面「縮排」至另一個頁面下方。下方 GIF 顯示完成後的效果。

The Manage Menu panel in Wix Harmony, dragging items to nest them under a dropdown

選單版面配置

清楚的選單版面配置可協助訪客快速找到下一步該前往的位置。若要讓所有項目顯示在同一列或同一欄,並進一步控制橫向選單空間不足時的顯示方式,請選擇選單列。若偏好使用精簡圖示開啟導覽,請選擇漢堡選單,這很適合簡潔、極簡的版面配置或空間有限的情況。

變更選單版面配置:

  1. 前往編輯器。
  2. 點擊選單。
  3. 點擊操作列上的「變更格式」。
  4. 在「選單」下方選擇相關選項:
    • 選單列:選單項目會顯示在導覽列中。在「方向」下方,選擇橫向或垂直顯示。
      提示:若使用橫向選單,還可選擇訪客畫面空間不足以顯示所有項目時的「項目行為」:讓選單展開(「配合文字」),或新增按鈕以捲動瀏覽其他項目(「配合捲動」)。
    • 漢堡選單:訪客會看到可點擊以開啟選單的圖示。這是簡潔、極簡版面配置的理想選擇。
Wix Harmony 編輯器中的網站選單與「變更格式」面板,畫面顯示可用選項

垂直與橫向選單設計

自訂色彩、框線、文字、邊角和版面配置等各項細節,讓選單更顯眼。無論選單是橫向或垂直,都可控制選單列及其項目的外觀、設計下拉式選單,並調整間距,為訪客提供理想的瀏覽體驗。
漢堡選單設計
閱讀漢堡選單文章,了解更多資訊。從按鈕到容器,每個部分都可自訂設計。

設計垂直或橫向選單:

  1. 前往編輯器。

  2. 點擊選單。

  3. 點擊操作列上的「所有設計選項」圖示 。

  4. 在「選擇部分」下選擇選單的相關部分:

選單項目的浮動狀態設計:

訪客將游標移到選單上時,變更選單外觀,讓選單更吸睛且具互動性。點擊操作列上的「浮動設計」圖示 ,選擇現成效果。或者,在「設計」面板中選擇「選單項目」或「項目文字」,從頭自訂浮動狀態。

Wix Harmony 網站選單與「設計」面板,其中醒目提示可選擇設計部分的下拉式選單

行動版選單操作

使用手機查看網站時,頁首會自動調整,提供流暢簡潔的體驗。桌面版頁首中的元件(例如導覽連結、社交圖示)會移至緊湊的漢堡選單中,頂端只保留必要元件。可視需要移動行動版選單內的元件,或將元件移出選單。

調整行動版頁首選單:

  1. 前往編輯器。

  2. 點擊頁面右上方的「行動裝置」圖示 。

  3. 點擊漢堡選單圖示。

  4. 點擊「固定模式」下拉式選單,然後選擇「漢堡選單」。

在 Wix Harmony 編輯器的行動版檢視中,點擊漢堡選單圖示旁的「固定模式」下拉式選單
  1. 選擇後續操作:
    • 重新放置容器內的元件:拖曳元件,即可在漢堡選單的容器內移動。
    • 將元件新增至容器:使用「新增元件」面板,將更多元件新增至漢堡選單的容器。這些元件只會顯示在行動裝置上,不會顯示在桌面版。
    • 將元件移回頁首:在元件上按一下滑鼠右鍵,然後選擇「移至頁首」。
Wix Harmony 網站行動版檢視中的漢堡選單,畫面顯示在按鈕上按一下滑鼠右鍵,並選擇將按鈕移回頁首

常見問題

點擊下方問題即可了解更多資訊。