如何向 Elementor 添加超級菜單

已發表: 2022-04-10

在這篇文章中,我們將介紹兩種將 megamenu 添加到 Elementor 網站的方法。 您可能已經在其他網站上看到過大型菜單,並希望將其添加到您自己的 Elementor 創作中。 這些設置是簡單下拉菜單的下一個演變。 它們不顯示鏈接,而是顯示填充有動態更新元素的結構化列和行。

我們最喜歡的 megamenu 示例之一可以在 Stripe.com 上找到。 當您將鼠標懸停在菜單元素上時,您會看到一個填充良好的集合,而不是簡單的下拉菜單。

Stripe.com 超級菜單

我們也非常喜歡 Digital Ocean 的 megamenu。

數字海洋超級菜單

由於他們的產品陣容龐大,他們不能簡單地顯示所有內容的列表。 相反,他們展示了他們的特色產品、附加產品類別,並在超級菜單底部以“查看所有產品”鏈接結束。 這是一種以易於導航的方式提供大量信息的好方法。

這不僅僅是一個獨特的設計,它可以真正幫助您的客戶瀏覽您的網站。 例如,如果您經營一家電子商務商店,您可以在菜單中展示您最受歡迎的產品,以提高您的轉化率。 如果您有博客,您可以在下拉菜單中顯示最新的帖子。 可能性是無窮無盡的,在您的網站上實施此功能可以增加專業(和有用)的感覺。

Elementor 構建器(免費版和付費版)不包含任何“菜單構建”功能。 您可以使用基本下拉菜單創建簡單的菜單,但如果您想構建佈局,則使用基本安裝是不可能的。

同時,編輯器非常適合製作megamenu。 您已經擁有列、行、動態元素等,這在構建 megamenu 時會非常有用。 在本文中,我們將介紹兩個插件,它們可讓您利用 Elementor 構建器附帶的功能,並將大型菜單添加到您的站點。

這是向 Elementor 添加大型菜單的方法。

方法一:JetMenu

這是一個獨立的插件,允許您使用 Elementor 構建器創建大型菜單。 它易於安裝、配置和實施。 它也很好用!

Elementor 模板

我們已經使用此插件創建了數十個客戶端網站,它確實是市場上的最佳選擇(即使與免費插件相比 - 您將節省的時間絕對值得)。 該插件本身的價格為 24.00 美元(儘管所有 JetPlugins 都以 80 美元的價格捆綁銷售)。

本質上,它允許您從 Elementor 編輯器創建大型菜單佈局。 將鼠標懸停在菜單項上時,此“屏幕”將淡入。因此,您可以添加可從 Elementor 構建器訪問的任何元素(甚至包括在 3 rd方插件包中的元素)。

選購視網膜

這意味著當談到使用 JetMenu 創建大型菜單時,可能性確實是無窮無盡的。

您可以添加動態內容以及 Elementor 模板。 顯示條件、響應性、簡單性是我們隨插件提供的標準功能。

從移動設備訪問時,菜單也會完全改變。 這可確保您的網站易於在移動設備上瀏覽,並確保 Google 會因此而將您排名靠前。

這是我們為客戶將大型菜單整合到 Elementor 網站時的首選插件。 當我們的代理網站使用 Elementor 創建時,我們也親自使用了這個插件(它顯示了我們最近的博客文章)。 您可能可以在 Archive.org 上查看我們的實現!

如果您希望為您的美元獲得更多價值,那麼選項二是一個不錯的選擇。

方法二:ThePlus

Elementor 有許多具有“超級菜單”功能的附加包。 但是,它們中的大多數實施不佳,最好使用 JetMenu。

ThePlus 是正確實現大型菜單的一個附加包。 我們知道這一點,因為我們得到了所有主要的插件包,並對此進行了測試。

我們說這種方法可能會為您帶來更多價值的原因是因為您不是簡單地購買一個插件,它只會為您的 Elementor 網站添加一個大型菜單功能。 相反,大型菜單是隨包附帶的 89 個單獨元素之一。

我們沒有在任何客戶網站上使用它,因為我們有無限的 JetMenu 計劃,但是因為我們可以訪問這個插件包,所以我們搞砸了 megamenu 功能。 它工作得很好,並允許您將模板添加到菜單下拉菜單。

這意味著:您首先在 Elementor 中創建一個模板。 此模板將是菜單下拉菜單,因此您可以添加鏈接、圖像、相關產品或任何可用的元素。 然後,當您將鼠標懸停在單個菜單項上時,您可以使用 ThePlus 來顯示此模板。

ThePlus 插件質量非常高,不會對您的網站產生巨大的性能影響。 因此,這是我們推薦的適用於 Elementor 的所有內容的附加包。

這是一個完整的視頻演練:

還有許多其他小部件專門適用於 Elementor 菜單。 在創建 megamenu 時,您可以利用它來發揮自己的優勢。

例如,有一個特定於移動設備的菜單元素,您可以使用它來創建定制的、響應式的、移動優先的菜單。 您可以花 39.00 美元(這是一個站點許可證)獲得這個瘋狂的附加組件集合,使其成為最有價值的附加組件包之一。

結論

本文應該向您展示了向 Elementor 網站添加大型菜單的兩種方法。 超級菜單看起來不錯,並增強了您網站的導航。 如果您希望在您的網站上加入此功能,這兩個插件就是為此而構建的。

訂閱和分享
如果您喜歡此內容,請訂閱我們關於 WordPress 新聞、網站靈感、獨家優惠和有趣文章的每月綜述。
隨時退訂。 我們不會發送垃圾郵件,也絕不會出售或分享您的電子郵件。