什么是Mega Menu?如何使用Mega Menu插件!

什么是Mega Menu?如何使用Mega Menu插件!

文|雪梨金鱼宝宝

什么是Mega Menu?如何使用Mega Menu插件!

今天,我要告诉你如何设置网站的超级菜单Mega Menu。

Mega Menu

什么是Mega Menu?如何使用Mega Menu插件!

什么是Mega Menu?

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

安装ElementsKit插件

我们用到的工具是Elementor编辑器的ElementsKit插件。

首先在你的WordPress后台,安装插件ElementsKit。

什么是Mega Menu?如何使用Mega Menu插件!

安装并激活,在WordPress后台的左侧功能栏就可以看到Elementor Kit,就可以使用ElementsKit了

进入ElementsKit后台,在Modules勾选Mega Menu

什么是Mega Menu?如何使用Mega Menu插件!

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

制作菜单

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

什么是Mega Menu?如何使用Mega Menu插件!

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

什么是Mega Menu?如何使用Mega Menu插件!

Elementor Kit编辑Mega Menu

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

什么是Mega Menu?如何使用Mega Menu插件!

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

什么是Mega Menu?如何使用Mega Menu插件!

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

什么是Mega Menu?如何使用Mega Menu插件!

选择Megamenu

什么是Mega Menu?如何使用Mega Menu插件!

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

什么是Mega Menu?如何使用Mega Menu插件!

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

什么是Mega Menu?如何使用Mega Menu插件!

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

导入Mega Menu

然后开始用Elementor把制作好的Mega Menu添加到你的网站上去

回到主页,点击Edit with Elementor开始制作

什么是Mega Menu?如何使用Mega Menu插件!

正式开始制作啦

什么是Mega Menu?如何使用Mega Menu插件!

点击+号开始

什么是Mega Menu?如何使用Mega Menu插件!

添加ElementsKit Nav Menu模块

什么是Mega Menu?如何使用Mega Menu插件!

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

什么是Mega Menu?如何使用Mega Menu插件!

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

这样Mega Menu就搞定啦

其他Mega Menu插件

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

什么是Mega Menu?如何使用Mega Menu插件!

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

推荐阅读:

WordPress建站如何选择你的网站主题?

WordPress建站如何添加BeforeandAfter功能

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/182441.html

(0)

相关推荐