WordPress知识分享

WordPress 免费 Mega菜单插件 Max Mega Menu

Max Mega Menu是一款免费的 WordPress Mega菜单插件,可以自动把已有菜单转换成大型菜单,再添加小部件到菜单中。Max Mega Menu通过简单几步就可以改变现有的菜单,对用户更友好。

如果你不懂如何设置 WordPress菜单,请移步WordPress菜单设置教程先学习一下。

Mega菜单也叫超级菜单,是国外流行的大幅面菜单,有时是大尺寸的菜单,有时是图片菜单,总之给人的效果比较大气、漂亮、直观。很适合用在外贸网站中,能一下就抓住访客的目光,吸引停留时间和增加询盘可能性。

1、Max Mega Menu插件安装启用

进入 WordPress后台>插件>安装插件,搜索 Max Mega Menu,安装并启用。

Max Mega Menu安装启用

国内网站如果不能正常安装,就去 WordPress 官网搜索下载,手动ftp上传。

2、Max Mega Menu插件介绍

为了方便讲解,老魏在网站中添加一些产品,形成三级产品分类,这样看着更清晰一些。

如下图所示,在 WordPress后台> 外观>菜单,看到 Max Mega Menu插件的设置栏,以及事先划分好的三级产品菜单。

在  WordPress后台> 外观>菜单,看到 Max Mega Menu插件的设置栏,以及事先划分好的三级产品菜单。

3、Max Mega Menu启用后的效果

这是默认未开启插件时,菜单的样子。

这是默认未开启插件时,菜单的样子。

启用 Max Mega Menu 的菜单设置。

  • 勾选启用;
  • 效果分为PC端和移动端(淡化、淡入淡出、滑动、向上滑动),还有显示速度(慢、中等、快);
  • 主题默认;
  • 点击保存生效。
启用 Max Mega Menu 的菜单设置

生效后打开是下图的效果,弹出二级、三级菜单的效果、速度和你设置的一样。

生效后打开是下图的效果,弹出二级、三级菜单的效果、速度和你设置的一样。

4、Max Mega Menu子菜单设置

在 products 这个一级菜单上点击 mega menu小齿轮菜单,进入设置。

子菜单显示模式:mega menu-标准布局,也有网格布局。根据个人喜好选择。

系统会自动保存。

子菜单显示模式:mega menu-标准布局,也有网络布局。根据个人喜好选择。

点击子菜单右侧的小箭头,可以让整体间距更大, 子菜单更宽一些。

点击小箭头后会增加当前小工具的列数,让间距更大。同理点击向左的小工具减少列数。

点击子菜单右侧的小箭头,可以让整体间距更大, 子菜单更宽一些。

以下是子菜单默认间距和扩大间距的对比图。

以下是子菜单默认间距和扩大间距的对比图。

5、带图片和文字描述的mega菜单

首先在任何一个一级菜单上点击 mega menu的小齿轮图标,比如home。

子菜单显示模式:mega menu-标准布局。

从右侧“选择添加到面板的小工具”,分别拖拽图片小工具、文本小工具。

图片小工具上传一个小尺寸的清晰图片,比如外贸独立站就选择产品图片,标题写上产品名。

文本中的标题写上相关解释,内容添加对产品的详细描述。要注意控制字数。

与上面第四条的子菜单列数调整方法一样,点击向左或向右的小箭头调整图片及文字的宽度。

添加带图片的mega菜单

此时前台页面的 home菜单下看到图片+文字形式的 mega 菜单。

表现形式比单纯的文字菜单漂亮很多,特别是外贸产品站很适合用这种 mega 菜单。

此时前台页面的 home菜单下看到图片+文字形式的 mega 菜单

6、search菜单设置

如果你愿意可以把 search添加到菜单中来。

先手动添加一个自定义链接,url是你网站搜索地址,导航标签写 search,添加到菜单中。

在search菜单上点击 mega menu小齿轮,出现如下图所示的设置项。

子菜单显示形式:mega menu标准布局,右侧选择搜索,一栏。

图标中选择一个合适的。

search菜单设置

最后前台看到的搜索菜单如下图:

前台看到的搜索菜单

也可以隐藏搜索的文字,只留下图标。

在设置中勾选 hide text、hide arrow、disable link,menu item align 选择右,点击保存。

如下图所示。

在设置中勾选 hide text、hide arrow、disable link,menu item align 选择右,如下图所示。

前台看到搜索的表现形式如下图:

前台看到搜索的表现形式如下图

7、facebook及twitter菜单设置

外贸站一般会有 facebook、twitter菜单做一个链接形式指向社交媒体。

和上面第六点一样,添加自定义链接,打开 mega menu小齿轮的设置中,勾选 hide text、menu item align选择右。

图标中选择合适的的图标。

效果如下图所示:

facebook及twitter菜单设置

8、菜单设置

在 WordPress后台的mega menu > 菜单主题中,可以设置菜单栏的尺寸、颜色、对齐方式、字体、背景、边框等。

还可以自定义添加 css样式代码。

赞(2)
文章名称:《WordPress 免费 Mega菜单插件 Max Mega Menu》
文章链接:https://www.vpsss.net/27459.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。