最近在项目中,要使用巨型菜单展示产品分类,一般产品分类相对多的网站,都需要类似的功能。最终决定采用 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 免费版已经可以满足大多数要求,收费版的功能更加强大,有需要的朋友可以自行考虑购买收费版
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
怎么让一个下拉是100%,其他是按照内容宽度展示呢
你好,几年不用这类插件了,不记得了,你自己好好翻翻看看它的选项吧