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样式代码。

wordpress配置菜单栏相关推荐

WordPress 配置七牛云 CDN 具体操作
WordPress 配置七牛云 CDN 具体操作: 1. 前言前段时间突发奇想把原先挂再 Coding 上的 Hexo 博客迁到部署在阿里云上的 WordPress ,反正阿里云送的服务器闲着也是闲 ...
wordpress配置SMTP服务发送邮件
使用SMTP服务发送邮件,需要使用一个插件:http://wordpress.org/extend/plugins/wp-mail-smtp/ 下载完成以后解压到plugin目录,然后在插件中启用这个 ...
wordpress配置SSL证书
使用wordpress程序配置SSL证书,但我们很多人不知道怎么配置,现在告诉大家怎么配置SSL证书. 我的服务器环境工具是:阿里云服务器+宝塔面板+wordpress+Gworg SSL证书这里可 ...
php在线打包(hacklog修改版),wordpress配置记录
1. 配置目录权限 sudo chown -R www-data:www-data wp-content #apache操作用户为www-data sudo chmod -R 775 wp-conte ...
WordPress配置SMTP发送电子邮件（QQ邮箱）
Wordpress通过PHP自带的mail函数实现电子邮件的发送成功率极低,现有的各类邮箱,例如QQ邮箱.新浪邮箱.163邮箱等,基本不支持PHP语言的mail函数实现的邮件发送,因此,需要配置基于S ...
wordpress配置SMTP服务发送邮件(qq邮箱)
wordpress有一个注册功能,填了用户名和邮箱后,会收到一封邮件,邮件里有一个链接,点击该链接可以获得密码和修改密码.但是,最开始,你会发现,等半天都没有收到邮件,再等到猴年马月也不会收到. 但是 ...
阿里云wordpress配置免费ssl证书
本文最后更新于 352 天前,其中的信息可能已经有所发展或是发生改变. 1.登录阿里云,选择产品中的ssl证书如果域名是阿里的他会自动创建dns解析,如果是其他厂商需要按照图片配置,等待几分钟进行验 ...
wordpress配置Memcached缓存优化数据库查询次数
今天看了一下很多人的网站,首页查询次数200次还能打开,就速度慢了一点,这里水篇文章,使用Memcached后减少三分之二. 首先在宝塔Linux面板安装Memcached扩展,在你网站使用中的PHP ...
Fedora14下 wordPress 配置
先说一下我的机器,操作系统是fedora14,目标是在本地架设用wordpress,只是实验用. 1. 安装web/databases服务器,就是安装所谓LAMP的过程了. i. 你在安装Fedor ...

wordpress配置菜单栏

wordpress配置菜单栏相关推荐

最新文章

热门文章