如何向 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 新闻、网站灵感、独家优惠和有趣文章的每月综述。
随时退订。 我们不会发送垃圾邮件,也绝不会出售或分享您的电子邮件。