菜单是一个网站的导航,有了它,你的访客便可通过你的任何页面进入其他页面,菜单一般是分布于网站的头部和脚部,另外如果有需要,在其他地方也是可以添加一些菜单的。今天主要来说说Wordpress菜单的使用。
在WordPress中你同样可以设置不止一个菜单,包括页头菜单,其他副菜单,以及页脚导航菜单。不同的主题除了主菜单之外,能添加的菜单以及位置都不尽相同,不过添加菜单的流程都一样。
在Wordpress中,你可以通过两种方式创建菜单页面:
- Appearance > Customize, 找到菜单设置来添加菜单,这种方式的好处是你可以在右侧看到添加菜单后页面的即时效果,但是不太好操作
- Appearance > Menu,这种方式是比较好操作,也是菜单的主要设置页面,我比较喜欢这个,设置好后,另开个页面看看效果就行,接下来主要说这种方式。
安装完Wordpress之后,自带主题的菜单页面是这样滴:
从图片上看你就知道可以添加文章,页面,目录,还有自定义链接,甚至任何一个格式的文件,对于安装了woocommerce之后的电商独立站,还能添加产品等等到菜单中。可放置位置位置“Display Location”只有两个地方,一个是主菜单,一个是副菜单,这个不是主菜单的二级菜单,而是一个可以独立放置到别的地方的菜单。
这个只是wordpress自带主题的界面,大部分时候用户都会安装第三方主题来获得更多的功能,电商独立站更不用说,肯定是要换主题的,你如果不知道哪里可以获得主题请看:哪里可以获得主题。最终实际操作以你安装的主题为准。
使用WordPress菜单
我自己用的是Kadence主题,一款轻量级的主题,我就以此为例来说说如何使用wordpress菜单。首先我们通过后台Appearance > Menu进入到菜单设置页面。
创建新WordPress菜单
Kadence主题和wordpress自带主题有所不同,总共有四个位置可添加菜单,包含手机菜单和页脚位置,其实这两个最后也很少用得到。
一开始需要创建一个新菜单,才能在菜单中添加页面和链接等选项,在Menu Name输入任何你喜欢的名称,选择一个菜单位置,点击创建菜单,这时候左边的菜单选项就不再是灰色了,你可以添加任何需要的选项进菜单了。
先来认识以下各个区域和功能:
- Manage with Live Preview – 这个其实就是前面所说的第一种创建菜单的方式,这里也可以进去
- 编辑菜单和菜单位置,可更改任何已经创建好的菜单位置
- 可添加菜单的选项,包括,页面,博客文章,自定义链接和目录,安装了woocommerce的独立站还能添加产品和产品目录
- 这就是整个菜单的创建区域
你可以在左侧选好页面和链接,然后点击add to menu,所选的页面就到了右边的菜单中,你也可以拖住需要的页面放置在右边,而且每一个页面是可以随意拖动,更改顺序,添加子菜单。比如你可以拖动图片中的sample page放到Home的前面,也可以把它放到Home的子菜单下面。另外你可以点击每一个页面右边的小三角形来改变页面的名字。
你还可以点击auto add pages来自动添加任何一个新建的父级页面,然后选择一个菜单位置,设置好所有后,点击save保存。
如果菜单设置错误或者不想要,你随时可以删掉菜单,再重新创建菜单即可。
如何添加菜单到页脚(footer)
专门把添加页脚菜单拎出来说的原因是,除了某些主题能够在菜单页面添加页脚菜单之外,在小工具页面也是能够添加页脚菜单的,这就我之前会说菜单页面的footer位置很少会用得到的原因,至于mobile为什么会用得到,是因为大部分主题移动端一般都会根据桌面版自适应,不需要另外添加菜单。
首先按照以上方法创建新的菜单并添加任何需要放置于页脚的页面,可以不需要选择任何菜单位置(location),保存菜单,可以创建多个,假如你需要多列页脚菜单的话。
然后从后台面板Appearance > Widget进入小工具添加页面(你也可以参考这篇文章了解更多的小工具设置),找到Navigation Menu拖入或者添加进右侧的Footer里面,具体根据你安装的主题为准,然后选择你刚刚创建的菜单,保存即可。
菜单插件强化之Mega Menu
通常我们看到的很多网站菜单,是一行,然后每一个菜单项下有一些下拉二级菜单,每一个一条,这种最普通的菜单模式了,但是你肯定也看到很多菜单,当你悬停或者点击菜单上面的任何一个链接时,会出现类似一个页面一般的菜单,上面有图片,而且可以有很多列其他的菜单,按钮等等丰富的内容,这种就是mega Menu(超级菜单)。
这类菜单在电商独立站上使用的非常的频繁,而且也非常有必要,不仅仅是网站美观,更重要的是给客户更多的选择以及在上面能做一些推广,延长客户的停留时间以及增加他们的购买欲望。这里就给大家推荐几款比较不错的MegaMenu插件。
Max Mega Menu
图片设你看到的日历,地图都是Max mega menu所显示的下拉菜单内容。此插件应该算是Wordpress最热门的magamenu插件了吧,可以自定义整个菜单的颜色字体,图标,添加需要的选项,功能相当丰富,你可以创建菜单主题,然后应用到想要设置的菜单。
WP Mega Menu
WP Mega Menu算是另一款非常热门的超级菜单插件了,你可以免费使用此插件为你的网站创建丰富而引人入胜的导航菜单,你同样可以制作菜单主题,然后将主题添加到你想要的设置的菜单,并可以使用拖放工具自定义样式, 使用自定义颜色,字体来美化菜单项。
QuadMenu
Quadmenu是一款响应式超级菜单插件,这是一家专门制作菜单插件的公司,为不少wordpress主题提供过服务,包括著名的Astra,使用功能和以上两款差不多,QuadMenu可让你轻松地创建菜单主题并将菜单集成到其中。 该插件可让你以简单而原生的方式创建大型菜单,选项卡菜单和轮播菜单,从而将现有菜单转换为功能强大的工具。
另外还有很多不同的Mega Menu插件,就不一一推荐,具体怎样添加设置Mega Menu有机会我将另外向大家介绍。
设置wordpress菜单也不是啥难事,希望这篇文章能帮你更快的完成网站建设。
版权声明:本文原创文章,首发于青松跨境B2C,版权所有,未经允许,请勿转载!
转载请注明:如若转载,请先取得同意,然后注明原文链接。