Studio 編輯器：設計選單中的下拉式選單
4 分鐘
在新增並設定下拉式選單後，您可以根據需求自訂設計。更改容器和選單的外觀與對齊方式，為客戶建立自訂外觀並強化其品牌。
調整下拉式選單版面配置
根據選單類型（導覽列、漢堡選單等），版面配置面板中會顯示不同的設定。您也可以調整間距和對齊方式，以符合主選單的外觀。
若要調整下拉式選單版面配置：
- 前往編輯器。
- 點擊選單列／漢堡選單圖示。
- （漢堡選單）點擊編輯選單進入漢堡選單編輯模式，然後選擇選單。
- 點擊版面配置圖示
。
- 選擇下拉式選單索引標籤。
- 使用選項調整版面配置：
容器寬度
品項顯示與欄數
間距
邊距、方向和對齊方式
請注意：
可用選項取決於選單類型（導覽列或漢堡選單）以及選擇的方向（橫向或垂直）。
自訂下拉式選單設計
您可以設計下拉式選單的各個部分（從容器到品項和子品項），以與主選單的外觀和形象相輔相成。選擇背景填滿和文字以強化客戶的品牌建立，並新增邊框讓下拉式選單在頁面上更加突出。
您還可以針對不同狀態（例如：浮動、目前頁面）自訂品項和子品項的設計。
若要自訂下拉式選單設計：
- 前往編輯器。
- 點擊選單列／漢堡選單圖示。
- （漢堡選單）點擊編輯選單進入漢堡選單編輯模式，然後選擇選單。
- 點擊編輯器右上角的打開檢驗器圖示
。
- 選擇要設計的元件：
- 下拉式選單容器
- 下拉式選單容器
- 下拉式選單品項
- 下拉式選單子品項
- （下拉式選單品項 ／ 下拉式選單子品項）選擇相關狀態：固定、浮動或 目前頁面。
- 使用可用選項設計下拉式選單：
- 背景填滿：變更下拉式選單的背景色彩，或新增吸睛的漸層。您可以調整不透明度，並根據設計需求新增多個圖層。
- 邊框：調整下拉式選單容器邊框的寬度和色彩。
- 圓角：透過調整半徑，讓下拉式選單的角落更圓潤或更方正。
- 文字：調整下拉式選單品項和子品項的樣式與格式。
- 陰影：為下拉式選單新增陰影，並自訂其角度、色彩、距離等。
容器之間有何不同？
- 下拉式選單容器：顯示您新增至下拉式選單品項的所有元件和選單。
- 下拉式選單選單容器：僅顯示下拉式選單品項。此容器巢狀於下拉式選單容器中。
（橫向選單）個別設計下拉式選單
對下拉式選單所做的變更將套用至該選單中的所有下拉式選單。想要建立更獨特的設計？您可以「拆出」已新增至橫向導覽選單的下拉式選單，以獲得完整的設計控制權。
請注意：
此選項不適用於漢堡選單或垂直導覽列選單。
若要拆出並自訂橫向選單中的個別下拉式選單：
- 點擊編輯器中的橫向選單。
- 點擊管理選單。
- 將滑鼠游標懸停在相關下拉式選單上，然後點擊編輯。
- 選擇下拉式選單的設計方式：
調整容器版面配置
調整下拉式選單版面配置
自訂容器設計
自訂選單設計
請注意：
檢驗器與版面配置面板中的僅編輯此下拉式選單切換開關已連結。當在其中一個面板停用／啟用此開關時，另一個面板也會自動停用／啟用。