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 后台新加菜单 wordpress菜单设置_linux


 


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


2、Max Mega Menu插件介绍


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


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



wordpress 后台新加菜单 wordpress菜单设置_Max_02


3、Max Mega Menu启⽤后的效果


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



wordpress 后台新加菜单 wordpress菜单设置_搜索_03


 


启⽤ Max Mega Menu 的菜单设置。


勾选启⽤;


效果分为PC端和移动端(淡化、淡⼊淡出、滑动、向上滑动),还有显示速度(慢、中等、快);


主题默认;


点击保存⽣效。



wordpress 后台新加菜单 wordpress菜单设置_wordpress 后台新加菜单_04


 


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



wordpress 后台新加菜单 wordpress菜单设置_wordpress 后台新加菜单_05


 


4、Max Mega Menu⼦菜单设置


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



wordpress 后台新加菜单 wordpress菜单设置_Max_06


 


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


系统会⾃动保存。

wordpress 后台新加菜单 wordpress菜单设置_linux_07


 


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


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

wordpress 后台新加菜单 wordpress菜单设置_Max_08

以下是⼦菜单默认间距和扩⼤间距的对⽐图。

wordpress 后台新加菜单 wordpress菜单设置_WordPress_09

 

 


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


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


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


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


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


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


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

wordpress 后台新加菜单 wordpress菜单设置_WordPress_10


 


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


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



wordpress 后台新加菜单 wordpress菜单设置_搜索_11

6、search菜单设置

 


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


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


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


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


图标中选择⼀个合适的。

wordpress 后台新加菜单 wordpress菜单设置_wordpress 后台新加菜单_12


 


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


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


在设置中勾选 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样式代码。