Studio 編輯器:新增及管理選單
新增最新版選單元件,簡化網站建置流程,並提升客戶網站訪客的導覽體驗。可針對各個斷點選擇最合適的版面配置,包括橫向、垂直或漢堡選單。您可輕鬆切換版面配置,隨著設計調整,隨時變更選單。
可視需要新增、移除及重新排序選單項目。您也可使用下拉式選單,以自訂內容顯示子選單,打造符合客戶需求的專屬體驗。
重要:
本文說明 Studio 編輯器中的全新選單元件。如需舊版選單體驗的管理步驟,請點擊此處。
如何查看選單版本?
新增選單
新增選單即可開始設定網站。建議將選單新增至網站頁首,但也可依需求新增並設定多個選單,為不同頁面和區段打造專屬體驗。
新增選單:
- 點擊編輯器左側的 「新增元件」
。 - 選擇 「選單與搜尋」。
- 選擇所需的選單類型:
- 橫向選單:這類進階選單提供豐富且獨特的自訂選項。您可按照實際需求,調整每個區域的版面配置和設計。
- 垂直選單:採用垂直排列,在網站左側或右側都能呈現出色效果。
- 漢堡選單:節省空間的極簡選單,訪客點擊選單圖示後才會顯示選單項目。選單具有開啟和已關閉兩種狀態。
- 點擊選單,並將選單拖曳至頁面上的所需位置。
想變更選單的版面配置(類型)嗎?
別擔心,之後隨時都能變更。

新增選單項目
新增選單後,請選擇要顯示的項目。
選擇一般網站頁面、應用程式和 CMS 頁面的集合,或集合中的特定頁面。也可新增下拉式選單容器和連結,依照客戶需求量身打造使用體驗。
若要新增選單項目:
- 在編輯器中選擇選單。
- 點擊「管理選單」。
- 點擊底部的「+新增項目」。
- 選擇要新增的項目並完成設定:
網站頁面
連結或錨點
下拉式選單

管理選單項目
可隨時調整現有選單及其中顯示的項目。新增更多項目、移除不相關的項目,或變更排列順序,讓內容保持新鮮。
若要管理選單:
- 在編輯器中選擇相關選單。
- 點擊「管理選單」。
- 選擇後續操作:
新增更多選單項目
變更選單項目連結
重新命名選單項目
移除或刪除項目
重新排列選單項目

建立下拉式選單
視所需標題而定,可透過以下 2 種方式在選單中建立下拉式選單:
- 現有選單項目:從選單中選擇現有項目(頁面或連結);訪客將滑鼠游標移至該項目時,便會顯示下拉式選單。
- 無法點擊的標題:新增不會連至任何頁面的下拉式選單標題 。訪客將滑鼠游標移至標題時,便會開啟下拉式選單容器。
提示:
在舊版選單體驗中,下拉式選單稱為巨型選單。
新增並設定下拉式選單:
- 在編輯器中選擇相關選單。
- 點擊「管理選單」。
- 選擇要執行的操作:
- 使用現有的選單項目:
- 拖曳選單項目,將其移至要設為下拉式選單標題的項目下方。
- 將滑鼠游標移到同一個項目上,然後點擊「更多操作」圖示
。 - 選擇「移至『頁面名稱』下方」。
- 對所有其他項目重複步驟 a 至 c。
- 建立新的下拉式選單:
- 點擊「+新增項目」。
- 選擇「下拉式選單」。
- 輸入下拉式選單的標題。
- 按下鍵盤上的 Enter 鍵,即可儲存變更。
- 將選單項目拖放到下拉式選單下方,即可新增項目。
- 對所有其他要新增的項目重複步驟 e。
- 使用現有的選單項目:

切換選單類型
可針對網站上的各個斷點變更選單版面配置。選單類型可選擇橫向或垂直導覽列,也可選擇漢堡選單。
若要設定選單類型和版面配置:
- 前往編輯器。
- 點擊編輯器頂端的相關斷點。
- 點擊選單。
- 點擊「版面配置」圖示
。
- 選擇選單類型:
- 導覽列:選單項目會顯示在導覽列中。在「方向」下方,選擇橫向或垂直顯示導覽列。
- 漢堡選單:顯示一個圖示。網站訪客點擊該圖示時,選單便會開啟。
- 調整所選選單類型的版面配置設定。
- 針對每個斷點重複步驟 2 至 6。

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



。
,並將項目拖曳至所需位置。 

。