WordPress 带图二级下拉菜单制作
WordPress的下拉菜单能让网站导航更清晰,带图的二级下拉菜单更直观好看,不用写复杂代码,用插件就能实现,新手也能搞定。
首先要安装一个支持带图下拉菜单的插件,推荐“Max Mega Menu”,免费版就足够用了。登录WordPress后台,点击“插件”→“安装插件”,搜索“Max Mega Menu”,点击“现在安装”,安装完成后点击“启用”。
启用插件后,点击“外观”→“菜单”,创建或编辑你现有的菜单。先添加一级菜单,比如“产品中心”,然后添加二级菜单,比如“产品1”“产品2”,把二级菜单拖拽到一级菜单下面,会自动缩进,变成下拉菜单。
接下来给二级菜单添加图片,点击二级菜单右边的下拉箭头,展开菜单设置,找到“Mega Menu Settings”→“Icon/Image”,点击“Select Image”,上传你准备好的图片,或者从媒体库选择已有的图片,设置好图片大小(比如80x80像素),点击“保存”。
然后可以调整菜单样式,点击菜单顶部的“Mega Menu”标签,能设置菜单的颜色、字体、下拉菜单的宽度、背景色等,新手可以用默认样式,也能根据网站风格调整。设置好后点击“保存菜单”,把菜单分配到主导航位置。
刷新网站前台,鼠标放在一级菜单上,就能看到带图的二级下拉菜单了。如果想修改图片位置或大小,再回到菜单设置里调整就行。这个插件操作很简单,跟着 WordPress程序建站教程 多试几遍,很快就能熟练掌握。
