最近在项目中,要使用巨型菜单展示产品分类,一般产品分类相对多的网站,都需要类似的功能。最终决定采用 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 免费版已经可以满足大多数要求,收费版的功能更加强大,有需要的朋友可以自行考虑购买收费版