如何设置Avada主题中的菜单和超级菜单:详细教程(02)

欢迎大家来到本期教程,今天我们将为大家详细讲述如何在 Avada 主题中设置普通菜单和超级菜单(Mega Menu)。尽管普通菜单的设置比较简单,我们不再赘述,想了解的朋友可以参考 Basel 主题的菜单设置。本次重点讲解的是超级菜单,Avada 新版更新后的超级菜单让设置变得更加方便和灵活。无论你是新手还是有一定经验的用户,这篇文章都会为你提供实用的操作步骤和技巧。

步骤:网站后端→Appearance→Menus

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

那么Avada的超级菜单怎么设置了,有两种方法,在Avada更新后,新的超级菜单更方便

步骤:网站后端→Avada->工作室(studio)->超级菜单(Mega Menus)

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

地方我都圈起来了,你应该不会找不到的。(如上图)

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

选择一个你喜欢的模版,导入就行了,是不是很方便

创建超级菜单

我知道很多新手完全不会创建超级菜单,所以咱们直接导入一个超级菜单(Mega Menu)

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

选择一个合适的,这是我随机挑选的一个

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

调整好后,导入就行

修改超级菜单

导入后你可能还是找不到超级菜单在哪进入前台来修改。

步骤:Avada→Library→Mega Menu(type)

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

不用管超级菜单的名字,如上图,这是我创建的,如果你导入的是那个模版就是显示模版的名称

让前端显示超级菜单

做好一个超级菜单,可不能直接显示在前台,还需要我们在后台的菜单里面简单设置一下。

由于我想让这个超级菜单显示在Product center下,也就是你看到网站上的图片,所以点击图中位置

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

接下来,选择你想要的超级菜单,最后保存整个菜单,这样你的网站前台就可以显示出超级菜单了,是不是很简单。

不过要吐槽一下,如果你使用的是 Elementor,在购买了超级菜单插件后,还需要手动逐步添加和修改样式,确实有些麻烦!

如何设置Avada主题中的菜单和超级菜单:详细教程(02)
如何设置Avada主题中的菜单和超级菜单:详细教程(02)

其他的选项大家根据需要调整,如果导入的是模版,为了不破坏模版的效果,修改图片和文字即可。点击保持(SAVE)

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

最后点击保持(Save Menu)菜单

旧版超级菜单

这里根据你的需要来,你要问我有什么区别,那就是新版就是导入模版修改,旧版需要你自己一个一个调出来

有的朋友可能还想用原来的超级菜单,说:哎呀,我就喜欢原来的小工具,一点点做出来的超级菜单,那你就可以点击性能,然后打开旧版的超级菜单。

步骤Avada→Performance(表现)→Features(特征)→Legacy Mega Menu(旧版超级菜单)

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

具体怎么创建呢?如下图,打比方这有三个二级菜单

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

我们把1,2,3比作A,B,C,来到Widgets(小工具)这里先创建

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

然后回到菜单,点击Avada Menu Options(超级菜单)

如何设置Avada主题中的菜单和超级菜单:详细教程(02)
如何设置Avada主题中的菜单和超级菜单:详细教程(02)

这里面主要是三项要设置如下:
Fusion Mega Menu超级菜单:on开启;
Mega Menu Wrapper Width超级菜单宽度:max width最大宽度还是 fit content适合内容,这个你可以每一个都试试,看看效果怎么样,对比后再做选择:
Mega Menu Number of Columns超级菜单列数:你想添加几列 mega菜单?图片这里是 3列,最多可以 6列。
设置完后一定要记得回到【菜单结构】这个页面的右侧点击【保存菜单】,否则这一步都白干了,每次改动菜单后都要保存,就不多讲了

如何设置Avada主题中的菜单和超级菜单:详细教程(02)

来到【外观】【小工具】,从左侧拖拽一个【文本】到右侧已经添加好的小工具A中,小工具A 切换到文本模式,粘贴代码,再切换到可视化模式,看到居中的图片,没问题了就保存。,另外两个也是一样的

最后做一个说一下总结

新手直接选用新版的超级菜单就行了,简单直接好看

如果对于Avada的老用户来说,还是习惯老版的超级菜单,可以去用,但效果还是差点的

总结

通过本次教程,我们详细讲解了如何在 Avada 主题中设置和修改超级菜单,无论你选择导入现有模板还是使用旧版的手动设置方式,都可以轻松创建适合自己网站的菜单布局。希望这些方法能够帮助你快速上手。如果你是新手,建议直接使用新版超级菜单,简单又高效。感谢你的阅读,下一期我们将为大家带来更多关于 Avada 主题的实用技巧,敬请期待!


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/18520/

(0)
上一篇 2024年 9月 5日 上午11:43
下一篇 2024年 9月 5日 下午3:09

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
为方便全球用户注册登录,我们已取消电话登录功能。如遇登录问题,请联系客服协助绑定邮箱。