什麼是Mega Menu ？
簡單來說，Mega Menu 就是那種大面積展開的下拉式選單，可以放很多欄目，甚至可以加圖片、圖示、按鈕、產品等等。常見於一些大型商城、企業站，大多數B2C 外貿獨立站的主選單就是這種形式。
很多人在建置網站的時候，網站內容一多，導覽選單就變得雜亂無章，尤其是一些產品、頁面較多的C 端網站，這個時候就需要用到Mega Menu（超級選單）了。
今天這篇教程，Well 手把手教你如何在 Woodmart 主題裡創造一個專業、美觀的Mega Menu。不用寫程式碼，只要簡單幾步，就能做出高大上的導航效果！下圖是一個簡單的Woodmart Mega Menu 效果展示↓
圖片中：上方區域是網站選單區域，滑鼠移入設定了超級選單（WHY US）的選單後，下方顯示對應超級選單內容。
創作Mega Menu
打開你WordPress 網站後台，進入外觀– 選單– 展開需要設定超級選單的選單↓
在Dropdown settings 裡進行超級選單配置：
設計：Full width，全寬度顯示超級選單
下拉高度：留空
下拉填充：20px的內距
啟用滾動：No，下拉高度取決於內容高度
下拉式選單的 HTML 區塊：需要點選「Edit this block with page builder」建立超級選單的內容，創建後就可以在這裡選擇
例如Well 創建了一個名為megamenu1 超級選單內容↓
使用 AJAX 載入 HTML 下拉式選單：Yes，會在首次載入超級選單的時候ajax非同步載入超級選單的內容，防止和頁面一起渲染，從而避免影響頁面載入速度
下拉配色方案：黑白色調，按需選擇
滑鼠事件打開：Hover，滑鼠懸停展示超級選單
設定好後儲存選單即可。
以上就是本篇WoodMart 超級菜單教學的全部內容。
更多超級選單教學請查看：
谷歌一鍵登入