最新JetMenu下载,GPL授权。JetMenu for Elementor插件专门用来制作各种强大超级菜单(Mega Menu),需要搭配Elementor或者古腾堡编辑器使用,速度快,自定义程度高,操作容易。
点击查看JetMenu制作的超级菜单Demo。
有个客户外贸网站要制作下图这种竖着的超级菜单↓,一开始我们尝试使用The Plus Addon、ElementsKit等插件制作,发现很难用,自定义程度也不高,速度偏慢。对比了几款插件,发现JetMenu比较能满足我们需求。
JetMenu速度更快,因为它只有超级菜单功能比较简洁,The Plus之类插件太多功能代码繁杂。JetMenu可自定义程度很高,小白也能做出心仪菜单。JetMenu另外一个优点是兼顾手机端菜单,可以单独设置修改样式之类。
JetMenu常见问题
1- 在后台修改插件设置后会自动保存,保存成功后右上角会弹出下图提示↓,没有“Save”之类保存更改按钮。在客户网站保持设置时不成功,刷新页面设置会恢复。
排查发现是宝塔面板Nginx防火墙拦截了修改,需要设置防火墙URL白名单,按下图把^/wp-json/jet-menu-api/v2/plugin-settings添加到白名单即可。
2- 升级插件后,菜单样式显示出错。重新编辑一次JetMenu菜单,随便改点什么东西,再改回来,点保存即可。每个菜单都要重新编辑下。如果有使用Elementor模板,Elementor模板也要重新编辑保存。
JetMenu使用教程
点击查看Elementor官网《使用JetMenu制作超级菜单教程》,《JetMenu官方制作超级菜单教程》。
设置讲解:下图“Revamp Menu”功能如果关闭,前端页面会加载一个76.6kb图标字体,减慢页面加载速度。如果打开,菜单后边的向右箭头图标不会显示,不过也不会加载76.6kb图标字体,速度更快。
建议小白用户需要父菜单显示向右箭头,请关闭“Revamp Menu”,如果不需要建议启用。
下图向右箭头使用下方CSS添加,把第10行的 https://xxx.com/right-angle.svg 替换成向右图标的网址即可。图标可网上下载后上传到后台媒体库使用。
a.jet-custom-nav__item-link.menu-link:after{
position: absolute;
content: '';
top:0;
right:0;
transform: translateX(15px);
width: 20px;
height: 20px;
background-size: 20px;
background-image: url(https://xxx.com/right-angle.svg)!important;
background-repeat: no-repeat;
}