学做网站培训课程介绍

当前位置:

WordPress 带图二级下拉菜单制作

WordPress的下拉菜单能让网站导航更清晰,带图的二级下拉菜单更直观好看,不用写复杂代码,用插件就能实现,新手也能搞定。

首先要安装一个支持带图下拉菜单的插件,推荐“Max Mega Menu”,免费版就足够用了。登录WordPress后台,点击“插件”→“安装插件”,搜索“Max Mega Menu”,点击“现在安装”,安装完成后点击“启用”。

启用插件后,点击“外观”→“菜单”,创建或编辑你现有的菜单。先添加一级菜单,比如“产品中心”,然后添加二级菜单,比如“产品1”“产品2”,把二级菜单拖拽到一级菜单下面,会自动缩进,变成下拉菜单。

接下来给二级菜单添加图片,点击二级菜单右边的下拉箭头,展开菜单设置,找到“Mega Menu Settings”→“Icon/Image”,点击“Select Image”,上传你准备好的图片,或者从媒体库选择已有的图片,设置好图片大小(比如80x80像素),点击“保存”。

然后可以调整菜单样式,点击菜单顶部的“Mega Menu”标签,能设置菜单的颜色、字体、下拉菜单的宽度、背景色等,新手可以用默认样式,也能根据网站风格调整。设置好后点击“保存菜单”,把菜单分配到主导航位置。

刷新网站前台,鼠标放在一级菜单上,就能看到带图的二级下拉菜单了。如果想修改图片位置或大小,再回到菜单设置里调整就行。这个插件操作很简单,跟着 WordPress程序建站教程 多试几遍,很快就能熟练掌握。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 新手学做网站难免遇到各种问题,不用慌,很多问题都是新手必经之路,下面总结了最常见的问题和简单的解决方法,照着做就能搞定,不用到处求人。问题1
  • Hostinger 主机开启自带 CDN 步骤:Hostinger 自带 CDN 仅 Business 及以上套餐可用,入门单网站套餐无此功能。第一步:用户名密码登录Hostinger主
  • 对于企业网站、电商网站来说,产品展示功能是核心,一个好的产品展示功能能让用户快速了解产品信息,提高购买意愿。很多新手做网站的时候,不知道怎么
  • 不懂编程也能搭建个人网站,现在的工具早就实现“无代码建站”了,不用写一行代码,跟着下面的步骤来,小白也能快速拥有自己的网站,不用怕学不会。首
  • 想让网页上的文字闪烁,比如提醒用户注意某个信息,不用写复杂的JS代码,用HTML或CSS就能实现,新手也能轻松上手。第一种方法是用HTML的blink标签,
  • 零基础做网站不用花很多钱,丰俭由人,少则几百块,多则几千块,主要看你的需求,不用盲目花钱,下面给大家算一笔明白账,让你心里有数。首先是域名
  • 很多人做网站都会用现成的模板,毕竟自己从零设计网站不仅费时间,还需要专业的设计能力。但现成的模板用的人多了,很容易出现“撞脸”的情况,别人打开
  • 很多小商家、个体户想做一个电商产品展示网站,让客户能在线查看产品、了解详情,但又不想花太多钱。其实有很多免费的工具和方法,新手不用懂代码也能
  • Yoast SEO是WordPress最强大的SEO插件之一,能帮你优化文章和页面的SEO,提高搜索引擎排名,下面给大家详细讲解基本使用方法。第一步,安装并启用插
  • 新手做网站不用盲目跟风学,不用一上来就啃复杂的代码、技术文档,找对切入点,从基础开始,一步步来,很快就能上手,下面给大家指条清晰的学习路径,