WordPress建站 | 如何设计超级菜单Mega Menu?

2022年1月27日 22:01:17    来源:喜运达
文| 属金鱼的雪梨宝宝今天跟大家说说如何设置网站的超级菜单Mega Menu。


1


Mega Menu


什么是Mega Menu?

超级导航栏,可以个性化设置,添加图片,视频等等丰富的元素。如果你的网站页面巨多产品巨多分类巨多,就可以升级你的普通菜单,使用超级菜单Mega Menu。


2


安装ElementsKit插件
我们用到的工具是Elementor编辑器的ElementsKit插件。 
首先在你的WordPress后台,安装插件ElementsKit。


安装并激活,在WordPress后台的左侧功能栏就可以看到Elementor Kit,就可以使用ElementsKit了
进入ElementsKit后台,在Modules勾选Mega Menu

这样就确保可以使用Mega Menu功能


3


制作菜单
点击WordPress后台的外观Appearance,找到Menu,来创建你的网站菜单


你在这里创建你的网站菜单就可以了,然后勾选Enable This Menu for Megamenu Content



4


Elementor Kit编辑Mega Menu
然后在编辑Menu的时候,点击Mega Menu,就可以使用ElementsKit的Mega Menu功能了


点击Megamenu Enabled,然后点击Edit Megamenu Content开始编辑Mega Menu


进入Elementor编辑器界面,点击ElementsKit图标开始编辑


选择Megamenu


选择你喜欢的样式(我这里用的免费的)


然后开始编辑,根据自己的实际情况进行编辑制作就可以了


该过程,你需要进行一系列的设置,根据你自己的需求设置好就可以了。一顿操作,编辑好之后记得保存。


5


导入Mega Menu
然后开始用Elementor把制作好的Mega Menu添加到你的网站上去
回到主页,点击Edit with Elementor开始制作

正式开始制作啦


点击+号开始


添加ElementsKit Nav Menu模块


点击Select Menu选择你的菜单,之前制作好的Mega Menu就自动导入进来了。


当然啦,这个时候也可以编辑你的Mega Menu超级菜单样式,颜色等等,可以进行一系列的调试,直到你自己觉得满意为止。
这样Mega Menu就搞定啦

6


其他Mega Menu插件
除了ElementsKit,还有很多好用的WordPress插件,可以用来制作Mega Menu。比如Max Mega Menu


有网站主题本身也自带Mega Menu功能;在WordPress后台,在插件plugin搜索更多,自己玩一玩,也许能发现更适合自己的插件。 
赶快试试吧

最后,提前祝大家新年快乐啦⭐🐯🐯🐯🐯



来源:喜运达

加入卖家交流群
快速对接各种平台优质资源

标签:美国站fba费用寄快件到菲律宾国际邮寄怎么收费跨境一件代发海外仓诚天国际快递中国到波多黎各海运价格深圳东南亚物流专线站内SEO优化攀枝花到西藏物流从马来西亚寄东西到中国多少钱

公众号

关注公众号

快速获取
最新行业资讯动态

加入社群

加入卖家交流群

快速对接
各种平台优质资源

产品服务

  • 喜运达专线物流
  • 喜运达海外仓
  • 喜运达拉丁美洲空运小包

相关热点资讯