最近在项目中,要使用巨型菜单展示产品分类,一般产品分类相对多的网站,都需要类似的功能。最终决定采用 Max Mega Menu 插件来实现。
Max Mega Menu 功能介绍
Max Mega Menu 免费版的功能就比较强大,会自动将您现有的一个或多个菜单转换为超级菜单。然后,您可以将任何WordPress小工具添加到菜单中,使用主题编辑器重新设置菜单样式,并使用内置设置更改菜单行为。
Max Mega Menu是一个完整的菜单管理插件,非常适合控制您现有的菜单,只需单击几下即可将其转变为用户友好、可访问且易于触摸的菜单。
移动端优化
-
自动支持本机触摸事件
-
内置的“关闭画布移动菜单”选项
-
指定您自己的响应断点
-
对于带有子菜单的项目,请在“第一次单击打开子菜单,第二次单击关闭子菜单”或“第一次单击打开子菜单,第二次单击跟随链接”之间进行选择。
-
隐藏手机上子菜单的选项
-
移动切换栏设计器允许您定制切换栏元素以适合您的网站设计
主要功能
-
基于标准的WordPress菜单系统
-
支持多个菜单位置,每个菜单位置都有自己的配置
-
非画布(从左侧或右侧滑入)或标准下拉移动菜单
-
使用“网格布局”构建器将子菜单组织成行和列
-
在菜单中显示WordPress小工具
-
使用内置主题编辑器自定义菜单样式
-
支持弹出式(传统)或Mega Menu子菜单样式
-
悬停,悬停意图或单击事件以打开子菜单
-
淡入,淡入,向上滑动或滑动子菜单转换
-
将图标添加到菜单项
-
菜单项选项包括“隐藏文本”,“禁用链接”,“在手机上隐藏”等
-
在菜单栏的左侧或右侧对齐菜单项
-
将子菜单与父菜单项的左侧或右侧对齐
辅助功能
-
内置键盘导航
-
TAB
激活键盘导航并浏览菜单 -
ENTER
在父项上打开子菜单(ENTER
第二次按下将遵循“第二次点击行为”设置) -
ENTER
标准商品上的链接 -
SPACE
切换子菜单的可见性 -
ESC
关闭所有打开的子菜单
收费版功能
-
选项卡式超级菜单
-
粘性菜单
-
垂直和手风琴菜单
-
FontAwesome 5,Genericon和自定义图标
-
自定义项目样式
-
菜单Logo
-
搜索框
-
WooCommerce和EDD支持
-
Google字体
-
角色与限制
-
额外的移动切换块
Max Mega Menu 设置及预览
常规设置允许设置一些基本的行为和功能:
菜单主题用于设置菜单的布局和样式,可控制菜单的几乎所有样式:

在外观-菜单界面,可以针对某些菜单开启超级菜单支持,具体如下所示:

以下是倡萌使用Max Mega Menu制作的导航菜单的效果演示,包含PC和手机端效果:

Max Mega Menu 下载
你可以在后台插件安装界面搜索 Max Mega Menu 进行在线安装,或者到官方插件库下载后手动安装:https://wordpress.org/plugins/megamenu/。插件已自带中文语言包。
Max Mega Menu 免费版已经可以满足大多数要求,收费版的功能更加强大,有需要的朋友可以自行考虑购买收费版