WordPress建站

如何在 WordPress 中创建下拉菜单

发布时间:2024-06-15 11:29:23

本文作者:

最后更新时间为 2024年6月15日

导航功能不佳会损害设计精美的网站的可用性和可访问性。让用户能够轻松快速地访问他们所需的任何内容至关重要。

尤其是当您积累了许多页面和帖子时,精心设计的导航栏或菜单将使用户能够轻松探索您提供的所有内容。这个简单的功能还可以帮助您降低跳出率,让访客停留更长时间

在本文中,我们将介绍如何在 WordPress 中创建下拉导航菜单栏。让我们开始吧!

如何在 WordPress 中添加下拉菜单:分步指南

导航菜单有多种类型,您在访问不同网站时可能见过。让我们来看看一些最受欢迎的选项。

可以说最常见的类型是标题菜单:

不过,侧边栏菜单也非常突出:

您还会在移动网站上看到大量汉堡菜单,这是一种响应式下拉菜单,当点击汉堡图标时它会展开:

最后一个例子——也是我们将在本文后面创建的——是下拉导航菜单或导航栏。像汉堡菜单一样,这种样式节省了屏幕空间,因为大多数内容都被隐藏起来,直到需要时才显示出来:

请记住,某些主题不支持下拉菜单。因此,您要做的第一件事就是确认您的主题是否提供此选项。您通常可以通过查看主题的文档来找到答案。但是,如果您的默认主题功能有限,则可以创建自定义下拉导航菜单 html 或 css 代码。

在以下演示中,我们将向您展示如何使用 WordPress 的原生功能来构建菜单。此方法的优点是,即使您将来更改主题或向网站添加新插件,您创建的任何菜单项都会保留。

步骤 1:创建菜单项

首先,导航至WordPress 仪表板中的外观 > 菜单。那里可用的选项部分取决于您当前的主题。

单击“编辑菜单”选项卡,您可以在其中选择创建新菜单:

在菜单结构部分下的输入字段中输入名称,然后单击创建菜单

一旦您创建了至少一个菜单,您将会在“编辑菜单”旁边看到一个名为“管理位置”的新选项卡。

现在您可以开始向菜单添加项目。您可以添加页面、帖子和自定义 URL。例如,要添加页面,请在右侧的“页面”部分下选中要添加的内容旁边的复选框,然后选择“添加到菜单”:                                                         

同样的流程也适用于帖子。如果您想在菜单中添加链接,请展开“自定义链接”部分并输入 URL 以及一些自定义文本:

您可以通过展开“类别”部分采取类似的步骤将类别添加到主菜单。通过这种方式创建的任何菜单项都将打开一个页面,其中包含特定类别下的所有内容。

第 2 步:设置菜单结构

在这个阶段,你的菜单还没有组织好。所有内容将按照添加的顺序显示。目前还没有下拉功能。所以下一步是解决这两个问题。

为此,您只需将菜单项拖放到您想要的任何位置即可。您甚至可以通过这种方式创建子菜单项。例如,我们列出了三篇特定的博客文章,以便它们出现在更广泛的博客菜单项下:

完成菜单结构自定义并添加每个下拉项后,请务必保存更改。另请注意,根据您的主题,您可能需要将新菜单分配到某个位置。相关选项可在菜单设置部分下找到:

然后,您可以在前端查看您的网站,查看菜单的实际效果。所有子项都将显示为下拉菜单:

请记住,导航菜单应该使浏览您的网站更加容易。因此,您需要限制添加到菜单中的项目数量,以免菜单变得混乱或杂乱。

步骤 3:将 CSS 添加到菜单

您还可以使用 CSS 类为下拉菜单添加自定义样式。为此,请先单击仪表板顶部的“屏幕选项” :

选中标有CSS 类的复选框:

这将使您能够创建自定义 CSS 下拉菜单。它还将限制任何自定义样式到您特定类所应用的项目。

步骤 4:预览菜单

此时,您的菜单已准备就绪。不过,在完成之前,您可能需要在 WordPress Customizer 中检查一下。您可以切换不透明度、悬停、字体大小等,同时实时查看它们的效果。

单击“使用实时预览管理”进入实时编辑器:

您可以根据需要在此处进行进一步的更改,例如添加、删除或重新排序菜单项:

您不需要新的选项卡来预览您的更改,因为定制器会向您显示您网站的实时预览。

第 5 步:发布菜单

准备就绪后,只需单击一下即可使新的下拉菜单生效。只需选择“发布”按钮:

这将使菜单在您的网站上生效,并允许访问者开始使用它。

还值得注意的是,如果您创建了多个菜单并希望将它们放置在不同位置,那么您也可以使用定制器:

使用定制器,您可以将菜单分配到主题支持的所有不同位置。

WordPress 下拉菜单插件

当然,如果您更愿意使用插件来创建下拉菜单,则有几种可用选项。以下是一些适用于 WordPress 的最佳菜单插件,包括免费和付费插件:

  1. Max Mega Menu一个免费插件,为现有的菜单编辑器添加了大量选项。
  2. 英雄菜单:高度可定制的工具,注重响应能力。
  3. UberMenu一种让您最大程度地控制菜单样式和功能的解决方案。

这些工具中的任何一个都可以完成工作。因此,选择哪一个取决于个人喜好和您正在寻找的特定功能。

使用高效的下拉菜单优化您的 WordPress 网站

建立具有视觉吸引力和可访问性的网站非常重要。在这两个方面都有用的一个简单技巧是创建下拉导航菜单。此菜单选项既美观又易于使用,还可以为您节省一些屏幕空间。

2024年如何创建WordPress网站

小兽wordpress凭借多年的wordpress企业主题制作经验,坚持以“为用户而生的wordpress主题”为宗旨,累计为10万多家客户提供品质wordpress建站服务,得到了客户的一致好评。我们一直用心对待每一个客户,我们坚信:“善待客户,将会成为终身客户”。小兽wordpress能坚持多年,是因为我们一直诚信。我们明码标价(wordpress做网站需要多少钱),从不忽悠任何客户,我们的报价宗旨:“拒绝暴利,只保留合理的利润”。如果您有网站建设、网站改版、网站维护等方面的需求,请立即咨询右侧在线客服或拨打咨询热线:18907337671,我们会详细为你一一解答你心中的疑难。

相关文章

WordPress主题模板

价格便宜(200-2500元不等),时间快, 图文内容后台自己控制。
一对一指导安装、终身免费升级。

全部模板

XSwm外贸营销型主题

XSwm主题助力外贸企业快速搭建全球销售的外贸独立网站

XSmic外贸引流模板

wordpress仿make in china(中国制造)的店铺引流模板

XS2021外贸模板

颜值与内涵并重的独立站、精准的广告投放、社交媒体推广和谷歌SEO

XS2020中文模板

帮助客户以最低的成本进去互联网,并且以最快的效率去做互联网营销。

XSnm中文营销型模板

网站布局规范清晰,内容完整,营销力十足

XSzq站群模板

做最踏实、最稳定、最长效的站群系统,让客户找到你,爱上你,成交你

XSzeng企业性价比主题

简约高端企业通用产品展示WordPress主题,功能上可满足任意企业官网的使用

XShuan企业主题

SEO排名最好的wordpress企业主题,百度最喜欢的wordpress主题

XSkobe营销型主题

XSkobe帮你拥有一个媲美中联重科官网的企业网站

XSpx教育培训主题

主题功能模块丰富,可以充分展示教育培训机构的特点和功能

XStie科技主题

精致简约风格的wordpress企业模板,为科技IT公司量身打造

XStop定制型主题

wordpress企业主题制作历史以来,水平最高的一款主题。

XShw公司展示主题

面向公司官网搭建需求的中小型企业公司的WordPress企业主题

XSgr集团官网主题

打造高品质官网,设计美观大方

XSdj品牌宣传主题

结构清晰,界面简洁,核心产品展示全面,中小企业建站首选

XSdd外贸主题

wordpress外贸主题适用于任何类型的站点,本主题远低于定制一个网站的价格

WordPress模板建站常见问题

建站技术服务费用是一次性的,次年无需在我方续费。
域名与服务器均需在对应的域名和服务商按照其次年费用续费,以免造成网站无法打开的情况。
超出合同和服务范围或服务到期后,双方按照一事一价,议价合作。
准备好域名,服务器,公司介绍,产品资料,包含文字,图片,视频等。
域名和服务器是公司知识产权,你最好用自己的信息去购买,免得日后有权限问题。
在代码质量,性能,安全性,SEO和可靠性方面,我们所有的主题模板都是一样的。
所有主题,后台功能都一样(文章发布,产品发布),只是前端界面显示模块多与少的区别。
售后服务包含WordPress主题模板的使用问题,我们可以协助你安装并调试购买的WordPress主题模板,一对一售后服务,支持远程协助。
文章、产品、分类等无限添加,后期可以进行增、删、改、查。
肯定是的!在开发过程中我们非常注重搜索引擎的优化,并借助WordPress平台的SEO优势,可以不需要任何插件即可自动获取也可自定义每个页面的SEO机制。
WordPress是世界上最安全的程序,注意密码复杂度和不随意安装免费插件就能让网站安全性大大提高。
可以的,我们可以在文章中添加视频和文档。
是的,WordPress 对初学者很友好,提供直观的界面。借助预先设计的主题和插件,即使没有技术知识的人也可以建立一个功能齐全的网站。
可以签合同,提供普通发票,如需其他发票,请提前告知。

WordPress定制案例

按照你的行业属性、特点,设计符合该行业风格和需求的网站。
利于百度推广、谷歌推广,提升网站获客能力。

全部案例

青岛歌尔微电子

歌尔微电子股份有限公司(Goermicro)成立于2017年10月,是歌尔股份有限公司的子公司

广州芯德科技

芯德研发设计并生产销售的产品主要包括光网络单元(ONU/ONT)、光线路终端(OLT)、语音网关(VoIP网关)等系列接入产品。

广州誉隆包装

致力于为餐饮连锁企业、超市和食品企业提供供应链管理和包装解决方案。

广州振华汽配

广州振华汽配公司多年来一直大在汽车电子零部件方面,拥有自己的研发团队跟成熟的生产技术

苏州智鑫航五金机电

专业从事线性运动工业品的集成商,主营滚轮导轨,V型导轨

苏州天瀚精密

领先的精密运动控制解决方案服务商

深圳华大基因NIFTY

华大基因作为中国基因行业的奠基者,秉承“基因科技造福人类”的愿景

醴陵陶瓷

醴陵陶瓷是生产世界级定制陶瓷餐具产品的领导者,为全球的品牌所有者、批发商和分销商提供服务

东莞绿能集团

东莞绿能集团专业从事太阳能连接器、太阳能电缆等光伏连接系统产品的研发和生产

苏州格美纳电器

苏州格美纳电器是一个提供生活创意小电器的品牌

深圳三南科技

致力于LED灯箱照明、LED室内外装饰照明、LED智能控制等产品的研发、生产、销售及服务、创新的高科技企业。

杭州通普机电

专业生产锂电自行车的企业,本公司致力于中国脚踏锂电助力自行车驱动系统、控制系统、助力系统的研发制造和销售。

醴陵市博物馆

为醴陵市文化旅游广电体育局管理的副科级公益一类事业单位

WordPress定制建站常见问题

可以签合同,提供普通发票,如需其他发票,请提前告知。
不包含域名和空间。如需代购,可以提前说明,我们提供一条龙服务。
备案制度仅仅限于服务器在大陆的主机;服务器在国外和香港等不需要备案;国内购买的com域名需要实名制才能解析。
建站技术服务费用是一次性的,次年无需在我方续费。
域名与服务器均需在对应的域名和服务商按照其次年费用续费,以免造成网站无法打开的情况。
超出合同和服务范围或服务到期后,双方按照一事一价,议价合作。
售后服务仅包含网站的使用问题,我们可以协助你安装并调试网站,一对一售后服务,支持远程协助。
肯定是的!在开发过程中我们非常注重搜索引擎的优化,并借助WordPress平台的SEO优势,可以不需要任何插件即可自动获取也可自定义每个页面的SEO机制。
WordPress是世界上最安全的程序,注意密码复杂度和不随意安装免费插件就能让网站安全性大大提高。
除开前期的沟通准备,网站定制开发上线一般要15个工作日。

制作专业WordPress网站的最快方法

使用入门模板在几分钟内创建专业设计的网站。响应式网站模板在任何设备上都具有最佳外观和性能。

  • 步骤1

    挑选wordpress主题,上传启动

    准备好服务器和域名,在服务器上安装好wordpress程序,在到纳姆网络外贸模板中心挑选适合自己的外贸模板并上传。

  • 步骤2

    无需编码,设置网站内容

    根据企业已有的文案素材,您可以使用我们易于使用的外贸模板轻松定制网站的各个方面,无需编码知识。

  • 步骤3

    阅读主题文档,设置更多功能

    更加深入的了解wordpress模板,您可以得到一对一的模板使用文档,以确保您可以逐步设置自己的WordPress网站。

  • 步骤4

    网站上线,开启外贸营销

    你的互联网资产已经建立完成,马上开始“1+N”体系的整体互联网推广吧,我们和你一起,开创互联网大未来!

如何让线上业务更上一层楼

还没有WordPress网站

还没有WordPress网站

不管你从事什么行业,WordPress都会为你提供一个专业的主题模板。在WordPress市场上有成千上万的免费主题,适合很多中小企业。

查看所有模板
已经有WordPress网站

已经有WordPress网站

小兽WordPress诚邀你一起学习WordPress,愿与各方携手升级改善您的WordPress网站,一起交流网站加速,网站优化等问题。

马上交个朋友
微信联系
chat 扫码联系
模板建站
挑选模板
网站定制
免费诊断
咨询热线
咨询热线

189-0733-7671

返回顶部