如何在您的WordPress網站上添加超級菜單(逐步操作)


最近,我們的一位讀者問是否可以在您的WordPress網站中添加大型菜單? 超級菜單使您可以通過圖像和視頻等富媒體在導航中添加多列下拉菜單。 在本文中,我們將向您展示如何輕鬆地將大型菜單添加到WordPress網站。

如何在WordPress中添加超級菜單

為什麼以及誰應該在WordPress中添加超級菜單?

超級菜單對於內容豐富的網站特別有用。 這使網站所有者可以在其頂部菜單中顯示更多項目。

諸如Reuters,Buzzfeed和Starbucks之類的流行網站使用大型菜單來顯示高度互動的交互式導航菜單。

星巴克網站顯示大型菜單

雖然默認的WordPress導航菜單使您可以添加下拉子菜單,甚至可以在每個項目旁邊添加圖像圖標,但有時您只需要一個大型菜單。

讓我們看一下如何輕鬆地將大型菜單添加到WordPress網站。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

在WordPress中添加超級菜單

您需要做的第一件事是安裝並激活Max Mega Menu插件。 它是市場上最好的免費大型菜單WordPress插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,插件將在您的WordPress管理菜單中添加一個新菜單項Mega Menu。 單擊它會將您帶到插件的設置頁面。

超級菜單設置

默認設置適用於大多數網站。 但是,您將需要更改菜單顏色,以便它們與WordPress主題的導航菜單容器使用的顏色匹配。

要確定主題中使用了哪種顏色,可以在瀏覽器中使用“檢查”工具。

使用檢查工具找出導航欄顏色

獲得彩色十六進制代碼後,可以將其粘貼到文本文件中以備後用。

接下來,您需要訪問大型菜單設置頁面,單擊“菜單主題”選項卡,然後單擊“菜單欄”部分。

菜單欄顏色

在這裡,您可以替換大型菜單使用的背景色,以匹配主題的導航菜單容器。

不要忘記單擊“保存更改”按鈕來存儲您的設置。

現在我們已經配置了大型菜單設置,讓我們繼續創建大型菜單。

首先,您需要訪問 外觀»菜單 頁,然後將頂級項目添加到導航中。 有關詳細說明,請參閱有關在WordPress中創建導航菜單的初學者指南。

接下來,在菜單屏幕上,您需要通過選中“最大超級菜單設置”下的複選框來啟用超級菜單。

啟用超級菜單

之後,您需要將鼠標移至菜單項,然後您將看到“ Mega Menu”按鈕出現在菜單選項卡上。

單擊該按鈕將彈出一個彈出窗口。 在這裡,您可以將任何WordPress小部件添加到大型菜單中,然後選擇要顯示的列數。

將小部件添加到大型菜單

您也可以單擊小部件上的扳手圖標以編輯小部件設置。 不要忘記單擊保存按鈕來存儲您的小部件設置。

完成後,您可以關閉彈出窗口並訪問您的網站,以查看正在使用的大型菜單。

超級菜單預覽

我們希望本文能幫助您學習如何在WordPress中添加大型菜單。 您可能還希望查看我們的指南,了解如何加快WordPress並提高初學者的性能。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。