wordpress配置菜单栏

Max Mega Menu是⼀款免费的 WordPress Mega菜单插件，可以⾃动把已有菜单转换成⼤型菜单，再添加⼩部件到菜单中。Max Mega Menu通

过简单⼏步就可以改变现有的菜单，对⽤户更友好。

⽂章⽬录 隐藏

1、Max Mega Menu插件安装启⽤

2、Max Mega Menu插件介绍

3、Max Mega Menu启⽤后的效果

4、Max Mega Menu⼦菜单设置

5、带图⽚和⽂字描述的mega菜单

6、search菜单设置

7、facebook及twitter菜单设置

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

Mega菜单也叫超级菜单，是国外流⾏的⼤幅⾯菜单，有时是⼤尺⼨的菜单，有时是图⽚菜单，总之给⼈的效果⽐较⼤⽓、漂亮、直观。很适合⽤

在外贸⽹站中，能⼀下就抓住访客的⽬光，吸引停留时间和增加询盘可能性。

1、Max Mega Menu插件安装启⽤

进⼊ WordPress后台>插件>安装插件，搜索 Max Mega Menu，安装并启⽤。

 

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

2、Max Mega Menu插件介绍

为了⽅便讲解，⽼魏在⽹站中添加⼀些产品，形成三级产品分类，这样看着更清晰⼀些。

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

3、Max Mega Menu启⽤后的效果

这是默认未开启插件时，菜单的样⼦。

 

启⽤ Max Mega Menu 的菜单设置。

勾选启⽤；

效果分为PC端和移动端（淡化、淡⼊淡出、滑动、向上滑动），还有显示速度（慢、中等、快）；

主题默认；

点击保存⽣效。

 

⽣效后打开是下图的效果，弹出⼆级、三级菜单的效果、速度和你设置的⼀样。

 

4、Max Mega Menu⼦菜单设置

在 products 这个⼀级菜单上点击 mega menu⼩⻮轮菜单，进⼊设置。

 

⼦菜单显示模式：mega menu-标准布局，也有⽹格布局。根据个⼈喜好选择。

系统会⾃动保存。

 

点击⼦菜单右侧的⼩箭头，可以让整体间距更⼤， ⼦菜单更宽⼀些。

点击⼩箭头后会增加当前⼩⼯具的列数，让间距更⼤。同理点击向左的⼩⼯具减少列数。 以下是⼦菜单默认间距和扩⼤间距的对⽐图。

 

 

5、带图⽚和⽂字描述的mega菜单

⾸先在任何⼀个⼀级菜单上点击 mega menu的⼩⻮轮图标，⽐如home。

⼦菜单显示模式：mega menu-标准布局。

从右侧“选择添加到⾯板的⼩⼯具”，分别拖拽图⽚⼩⼯具、⽂本⼩⼯具。

图⽚⼩⼯具上传⼀个⼩尺⼨的清晰图⽚，⽐如外贸独⽴站就选择产品图⽚，标题写上产品名。

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

与上⾯第四条的⼦菜单列数调整⽅法⼀样，点击向左或向右的⼩箭头调整图⽚及⽂字的宽度。

 

此时前台⻚⾯的 home菜单下看到图⽚+⽂字形式的 mega 菜单。

表现形式⽐单纯的⽂字菜单漂亮很多，特别是外贸产品站很适合⽤这种 mega 菜单。

6、search菜单设置

 

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

先⼿动添加⼀个⾃定义链接，url是你⽹站搜索地址，导航标签写 search，添加到菜单中。

在search菜单上点击 mega menu⼩⻮轮，出现如下图所示的设置项。

⼦菜单显示形式：mega menu标准布局，右侧选择搜索，⼀栏。

图标中选择⼀个合适的。

 

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

也可以隐藏搜索的⽂字，只留下图标。

在设置中勾选 hide text、hide arrow、disable link，menu item align 选择右，点击保存。 如下图所示。

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

7、facebook及twitter菜单设置

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

和上⾯第六点⼀样，添加⾃定义链接，打开 mega menu⼩⻮轮的设置中，勾选 hide text、menu item align选择右。

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

效果如下图所示：

8、菜单设置

在 WordPress后台的mega menu > 菜单主题中，可以设置菜单栏的尺⼨、颜⾊、对⻬⽅式、字体、背景、边框等。

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