如何创建WordPress菜单?教程和视频
已发表: 2025-06-11目录
菜单是任何网站的重要组成部分,WordPress网站也不例外。在这篇文章中,我们将指导您在传统的WordPress菜单编辑器的帮助下在经典主题中创建和管理菜单。
什么是WordPress菜单?
导航菜单是站点标头或侧边栏中的水平或垂直条,其中包含一个有组织的链接列表,这些链接通常会导致内部站点页面,尽管外部链接也是可能的。您可以将网站的菜单视为一张地图,可帮助访问者导航到他们想要的内容。
精心设计的WordPress菜单又可以提高用户体验,甚至可以提高转化率。因此,在您开始向您的网站添加菜单之前,我们建议创建一个站点地图或开发WordPress导航菜单策略,因为它将在以后节省大量时间。
考虑一下您的主要页面,您的访问者将首先寻找的内容,以及如何使他们的内容尽可能流畅。
让我们首先查找WordPress菜单编辑器。您可以使用两种方法为WordPress网站创建菜单。要了解要遵循哪种方法,请访问仪表板并在左侧检查。如果您看到菜单的外观,您将处理所谓的“传统” WordPress菜单编辑器。
如果您看到编辑器,则使用块主题,并可以访问站点编辑器在一个位置(包括导航)中编辑所有站点元素。
传统的WordPress菜单编辑器
从WordPress仪表板中,转到仪表板左侧的“外观”菜单,然后选择“菜单”选项以提高WordPress菜单编辑器。如果您有多个菜单,则会看到选择一个要编辑下拉菜单的菜单。选择您想要的一个,然后单击“选择”加载。这样,您可以轻松编辑网站上的现有菜单。
要从头开始创建一个新菜单,请单击创建新菜单链接,输入菜单的名称,然后单击“创建菜单”按钮。
现在,让我们注意菜单设置部分。我们看到WordPress编辑菜单的两个选项:自动添加页面和显示位置。如果您检查自动添加页面选项,创建它们时将自动添加新页面。
显示位置选项使您可以选择自定义菜单WordPress在主题中出现的位置。默认情况下,您的菜单将出现在主题的主要导航区域中。但是,如果您的主题支持多个菜单,则可以选择其他位置。创建新菜单后,您可以添加项目,更改其订单并创建子级别。
将导航项目添加到WordPress菜单
现在,查看左侧框,您应该在其中看到带有几个选项卡的添加菜单项框。 “页面”选项卡包含三个类别:最新,查看全部和搜索。第一个将显示一些最新页面,以方便访问。如果您的网站上有很多页面,则“查看”选项卡可能有点笨拙。相反,我建议使用搜索选项卡查找所需的页面。如果要将所有显示的页面添加到菜单,也可以单击底部的所有复选框。
选择所需的内容时,单击“添加到菜单”。您选择的所有页面将在右侧列出。对于帖子,它的工作原理相同。选择“帖子”选项卡,以及以前,从所有最近的帖子中选择,或搜索所需的帖子。之后,单击添加到菜单。也可以添加自定义链接。这可以链接到您想要的任何URL,甚至可以链接到外部页面。
触摸外部页面的主题,有时您希望在新标签中打开菜单链接,以便访问者可以返回您的网站并继续浏览。如果您添加了外部链接,这一点尤其重要。可以在菜单接口中找到此隐藏的选项。要打开它,请单击屏幕顶部的屏幕选项,然后在链接目标复选框中打勾。在这里,您也可以找到更多有用的选项。现在,当您在右侧的菜单结构部分中使用WordPress菜单项上的下拉箭头项时,您将看到一个新的复选框:在新选项卡中打开链接。单击它,您就可以了。
注意:您可以将各种各样的内容添加到WordPress菜单中。它可以是产品,产品类别或产品标签。这取决于您在网站上运行的插件和事物。
如果您需要删除已添加的WordPress菜单项,则有两种方法。同样,我们通过单击箭头选择项目。然后,单击红色删除链接。
您也可以一次批量删除多个页面。单击批量选择复选框,然后勾选要删除的每个菜单项。然后单击删除选定的项目。
更重要的是,您可以通过更改导航标签来重命名菜单项。例如,这很方便,如果您希望菜单项具有较短的标题来节省空间。
组织菜单的结构
添加了所有项目后,您可以通过拖动和丢弃它们来移动它们。为此,将悬停在任何菜单项上。您会看到光标变成十字路口。这样,您可以更改他们的订单,并按照自己喜欢的方式重新排列它们。
如果您想使用子菜单创建菜单层次结构,则可以在此处执行此操作。嵌套项目是WordPress编辑菜单功能的重要组成部分。向右拖动一个项目,直到虚线也向右移动为止,它将自动成为其上方菜单项的子元素。您可以根据需要嵌套物品,无限地在子菜单中创建子菜单。第二种方法是打开要移动的菜单项,然后单击“下链接”。非常简单。
添加没有链接的菜单项
在创建WordPress下拉菜单时,您只希望顶级链接成为文本而别无其他。为此,请创建一个像普通的自定义链接,但不要插入链接,而是插入#符号。然后,将菜单提供您通常要做的专有名称,然后单击添加到菜单。菜单准备就绪后,您可以单击“保存菜单”按钮。
最重要的是,我还有一件事要提及:更改WordPress菜单位置的第二种方法是单击“管理位置”选项卡。单击后,您将看到主题中使用的各个菜单位置的列表。您可能有一个菜单位置,也可能有多个位置,具体取决于您当前使用的主题。通过从下拉列表中选择您创建的现有菜单将其创建到适当的主题位置。单击“保存更改”按钮以保存更改。
使用WordPress Mega菜单插件升级您的网站导航
什么是Mega菜单? Mega菜单是一种可扩展的导航类型菜单,其中在二维下拉布局中显示多个选项(水平和垂直组织以网格状结构进行组织)。
如果您想在菜单中包括多个链接,图标,图像,按钮,甚至包括搜索栏或产品预览(例如搜索栏或产品预览)的小部件,尤其是当我们谈论电子商务商店,新闻网站或大型公司网站时,值得考虑的Mega Menu WordPress Addons值得考虑。寻找如何在WordPress中更改菜单颜色?这也可能。借助Elementor的Stratum Mega菜单或WordPress Mega菜单扩展名之类的工具,可以直观地构建高级菜单,而无需触摸代码。
Elementor密钥功能的Stratum Mega菜单包括:
- 拖放构建器可轻松创建菜单。
- 可自定义的内容,例如图像,图标和小部件。
- 移动和桌面视图的响应设计。
- 具有颜色,字体和悬停效果的高级样式选项。
- 流畅的动画和粘性菜单WordPress选项。
- 多种菜单样式和SEO友好的结构。
- 子菜单支持和自定义触发器(悬停,单击)。
WordPress Mega菜单块提供了关键功能,例如:
- Gutenberg兼容性:与WordPress块编辑器无缝集成。
- 可自定义的布局:选择水平或垂直菜单。
- 响应式设计:适应移动和桌面视图。
- 汉堡移动菜单WordPress:节省空间,移动友好的选项。
- 多级子菜单:最多支持3个级别。
- 样式选项:自定义颜色,字体等。
- 基于块的内容:使用各种Gutenberg块,例如图像和按钮。
定制器
另外,您可以使用主题自定义器接口编辑WordPress自定义菜单。为此,转到外观→自定义。通过单击菜单,您将看到默认情况下为您创建了一个菜单以及您自己创建的菜单(如果有)。在这里,您可以编辑它们。如果您看不到任何菜单或想要新菜单,请单击“创建新菜单”按钮。
抬头:请确保您至少选择了一个菜单位置,否则将看不到菜单。
- 单击 +添加项目按钮。在页面下,您将看到网站已发布的页面列表。单击任何页面标题以将其添加到您的菜单中。请注意,私有页面和草稿页面不会出现在列表中。您还可以添加帖子,类别等。
- 如果您想重新排列物品或进行下拉菜单,请单击重新订购。要在菜单中向上或向下移动菜单项,请单击向上或向下箭头。
- 定制器还可以创建下拉菜单。单击右侧和左箭头以在其他页面下筑巢或Un-Nest页面。
- 当您对结果感到满意时,请单击完成。最后,单击发布将更改应用于网站。
- 主题定制器可让您看到更改时的实时预览,这非常方便。但老实说,这两种方法都提供了几乎相同的选择,因此只要选择对您来说更舒适的选择即可。
菜单优化的有用提示
- 检查您的菜单在手机上的外观
大多数主题会自动创建响应式菜单。但是,明智的做法是自己预览。长菜单或级别太多的菜单可能会在较小的屏幕上引起混淆。
- 将菜单添加到网站的其他领域
您可以使用小部件在侧边栏或页脚中展示菜单;您不仅限于标题区域。如果要突出显示快速链接,类别,甚至为博客阅读器或客户显示简化的菜单,小部件很方便。
- 保持菜单新鲜
您的网站可能会增长或更改,因此必须检查您的菜单是否保持最新状态很重要。定期删除旧链接,在需要时重命名项目,然后添加新链接。干净的菜单将始终帮助访客找到所需的东西。整洁,相关的菜单也可以改善SEO。
结论
总而言之,菜单是您网站的重要组成部分。他们是为用户提供探索您内容的直观途径的人。
通过我们今天涵盖的所有步骤,您都可以在使用传统主题时能够熟练地创建,管理和自定义网站的菜单。因此,组织良好的菜单可以使导航变得更加容易。此外,菜单为更好的SEO做出了贡献,因此不要忘记定期查看和更新菜单,以使其与网站的更改保持一致。
谢谢您的阅读!如果您有与WordPress菜单相关的任何提示或经验,请随时在评论中与我们分享。
常见问题解答
什么是WordPress菜单,为什么需要它?
我怎么知道我正在使用哪个菜单编辑器,传统或块?
如果您看到菜单,则使用传统菜单编辑器。
如果您看到编辑器,则使用块主题并可以访问网站编辑器。
我可以在菜单中添加自定义链接或外部页面吗?
如何创建子菜单或下拉次数?
我可以从WordPress定制器而不是菜单编辑器中编辑菜单吗?
如何更改菜单出现的位置?
在菜单编辑器的菜单设置部分中,请选中显示位置框。
或者,转到管理位置,您可以使用下拉列表将任何创建的菜单分配给主题位置。
如果我忘记将显示位置分配给菜单会发生什么?