您想向您的 WordPress 网站添加导航菜单吗?

WordPress 附带一个拖放菜单界面,您可以使用它来创建标题菜单、带有下拉选项的菜单等。

在本分步指南中,我们将向您展示如何在 WordPress 中轻松添加导航菜单。

什么是导航菜单?

导航菜单是指向网站重要区域的链接列表。它们通常以链接水平条的形式出现在 WordPress 网站的每个页面的顶部。

这些菜单提供您的网站结构并帮助访问者找到他们正在寻找的内容。以下是导航菜单在 WPBeginner 上的外观:

WordPress 使添加菜单和子菜单变得非常容易。您可以添加指向最重要页面、类别或主题、博客文章的链接,甚至可以添加自定义链接(例如您的社交媒体个人资料)。

菜单的确切位置将取决于你的 WordPress 主题。大多数主题都有多个选项,因此您可以创建可以显示在不同位置的不同菜单。

例如,大多数 WordPress 主题都带有一个显示在顶部的主菜单。某些主题可能还包括二级菜单、页脚菜单或移动导航菜单。

也就是说,让我们看看如何在 WordPress 中创建自定义导航菜单。

  • 视频教程
  • 创建您的第一个自定义导航菜单
  • 在 WordPress 中创建下拉菜单
  • 向 WordPress 菜单添加类别
  • >

  • 向 WordPress 导航菜单添加自定义链接
  • 编辑或删除 WordPress 导航菜单中的菜单项
  • 在完整站点编辑器 (FSE) 中添加导航菜单
  • 在侧边栏和页脚中添加 WordPress 菜单
  • 进一步使用导航菜单
  • 有关 WordPress 菜单的常见问题解答

视频教程

订阅 WPBeginner

如果您更喜欢书面说明,请继续阅读

创建您的第一个自定义导航菜单

要创建导航菜单,您需要访问 WordPress 管理仪表板中的外观 » 菜单页面。

注意:如果您在网站上看不到“外观 » 菜单”选项,而只看到“外观 » 编辑器”,则意味着您的主题启用了全站编辑 (FSE)。您可以单击此处跳至下面的 FSE 部分。

到达那里后,为菜单提供一个名称,例如“顶部导航菜单”,然后单击“创建菜单”按钮。

这将扩展菜单区域,它看起来像这样:

接下来,您可以选择要添加到菜单中的页面。您可以自动添加所有新的顶级页面,或者您可以从左栏中选择特定页面。

首先,单击“查看全部”选项卡以查看网站的所有页面。之后,单击要添加到菜单的每个页面旁边的框,然后单击“添加到菜单”按钮。

添加页面后,您可以通过将其拖放到“菜单结构”部分来移动它们。

这样您就可以更改它们的顺序并重新排列它们。

注意:所有菜单的项目都在菜单编辑器的垂直(从上到下)列表中列出。当您将菜单放在网站上时,它将垂直或水平(从左到右)显示,具体取决于您选择的位置。

大多数主题都有几个不同的位置可以放置菜单。在此示例中,我们使用 Astra 主题,它有 5 个不同的位置。

将页面添加到菜单后,选择您想要的位置显示菜单并单击“保存菜单”按钮。

提示:如果您不确定每个位置在哪里,请尝试将菜单保存在不同的位置,然后访问您的网站查看其外观。您可能不想使用所有位置,但您可能想使用多个位置。

有关这方面的更多详细信息,您可能需要查看我们有关如何在 WordPress 中创建垂直导航菜单的教程。

这是我们在网站上完成的菜单:

在 WordPress 中创建下拉菜单

下拉菜单有时称为嵌套菜单,是具有父菜单项和子菜单项的导航菜单。

当您将光标移到父项上时,所有子项都将显示在其下方的子菜单中。

要创建子菜单,请将一个项目拖动到父项目下方,然后将其稍微向右拖动。我们已经通过 3 个子项目完成了这项工作我们的菜单中包含“服务”:

您甚至可以添加多层下拉菜单,以便您的子菜单可以有子菜单。这最终看起来有点混乱,而且许多主题不支持多层下拉菜单。

有关更详细的说明,请参阅我们有关如何在 WordPress 中创建下拉菜单的教程。

这是我们演示网站上的子菜单:

将类别添加到 WordPress 菜单

如果您使用 WordPress 运行博客,那么您可能需要将博客类别添加为 WordPress 菜单中的下拉列表。

我们在 WPBeginner 上执行此操作,并有多个类别,例如新闻、主题、教程等。

您可以通过单击菜单屏幕左侧的“类别”选项卡轻松地将类别添加到菜单中。您可能还需要单击“查看全部”选项卡才能查看所有类别s。

只需选择要添加到菜单中的类别,然后单击“添加到菜单”按钮即​​可。

类别将作为常规菜单项显示在菜单底部。

接下来,您可以将它们拖放到适当的位置。例如,我们将把所有这些类别放在“博客”菜单项下。

有关更多说明,请参阅我们的初学者指南,了解如何在 WordPress 导航菜单中添加主题。

以下是不同类别在我们演示网站的导航菜单中的显示方式:

除了类别和页面之外,WordPress 还可以非常轻松地将自定义链接添加到菜单中。您可以使用它链接到您的社交媒体资料、在线商店以及您拥有的其他网站。

为此,您需要;必须使用菜单屏幕上的“自定义链接”选项卡。只需添加链接以及要在菜单中使用的文本,然后单击“添加到菜单”按钮即​​可。

您甚至可以发挥创意,在菜单中添加社交媒体图标或号召性用语按钮,以获得更多转化。

编辑或删除 WordPress 导航菜单中的菜单项

当您将页面或类别添加到自定义导航菜单时,WordPress 使用页面标题或类别名称作为链接文本。如果您愿意,可以更改此设置。

任何菜单项都可以通过单击旁边的向下箭头进行编辑。

然后您可以从此处更改菜单项的名称。您也可以在此处单击“删除”将链接从菜单中完全删除。

如果您在拖放界面上遇到困难,那么您还可以通过单击相应的“移动”链接来移动菜单项。

在完整站点编辑器 (FSE) 中添加导航菜单

新的完整站点编辑器允许您使用块编辑器自定义 WordPress 主题。它在 WordPress 5.9 中发布,使您能够向模板添加不同的块以创建独特的设计。

要使用完整的网站编辑器添加导航菜单,请从 WordPress 仪表板访问外观 » 编辑器。

我们将在本教程中使用默认的“二十二十二”主题。有关更多详细信息,您可以参阅我们关于最佳 WordPress 完整站点编辑主题的文章。

进入编辑器后,请继续单击网站标题顶部显示的导航菜单。

接下来,您将在右侧面板中看到用于自定义导航菜单块的不同选项。

F例如,您可以更改布局、编辑显示设置、单击时显示子菜单、更改文本、背景和子菜单的颜色以及调整字体大小。

要了解更多选项,例如更改菜单或创建新菜单,您可以单击“选择菜单”选项以打开下拉菜单。

例如,您可以选择之前在“经典菜单”部分下创建的任何菜单。

选择菜单后,您可以添加更多页面、博客文章、网站徽标、社交图标,或向菜单添加搜索选项。

只需单击“+”号即可将块添加到导航菜单中,然后选择下拉菜单中显示的选项。

使用完整站点编辑器的最佳部分是您可以在站点上的任何位置添加导航菜单块。

完成后,您可以预览更改以实时查看菜单的外观。然后别忘了点击 ‘顶部的“保存”按钮。

在侧边栏和页脚中添加 WordPress 菜单

您不必只坚持主题的显示位置。您可以在任何使用小部件的区域(例如侧边栏或页脚)添加导航菜单。

只需转到“外观”»“小部件”,然后单击顶部的“添加块”(+) 按钮,并将“导航菜单”小部件块添加到侧边栏即可。

接下来,为小部件添加标题,并从“选择菜单”下拉列表中选择正确的菜单。

完成后,只需单击“更新”按钮即可。

这是在 Syed Balkhi 网站上构建的自定义 WordPress 页脚菜单示例。

进一步使用导航菜单

如果你是为了创建一个带有大量链接的真正史诗般的菜单,我们有一个关于如何在 WordPress 中创建大型菜单的教程。

这可以让您创建一个包含许多项目(包括图像)的下拉菜单。

如果您有一个大型网站(例如在线商店或新闻网站),大型菜单是一个不错的选择。路透社、Buzzfeed、星巴克等网站都使用这种类型的菜单。

有关 WordPress 菜单的常见问题解答

以下是我们从初学者那里听到的一些关于 WordPress 导航菜单的最常见问题。

1.如何将主页链接添加到 WordPress 菜单?

要将主页添加到导航菜单,您需要点击页面下的“查看全部”选项卡。从那里,您应该看到您的主页。

选中“主页”旁边的复选框,然后单击“添加到菜单”。不要忘记保存您的更改。

2.如何添加多个导航WordPress 中的门控菜单?

在 WordPress 中,您可以根据需要创建任意数量的菜单。要在您的网站上放置菜单,您需要将其添加到主题的菜单位置之一,或添加到我们上面所示的小部件区域。

要向您的 WordPress 网站添加多个导航菜单,请首先按照上面的教程创建菜单。

要将它们放置在您的网站上,请点击“管理位置”选项卡。

从这里,您可以选择要在主题中可用的菜单位置中显示的菜单。

如果您想向网站添加新的菜单位置,请参阅我们有关如何向 WordPress 主题添加自定义导航菜单的教程。

我们希望本文能帮助您了解如何在 WordPress 中添加导航菜单。您可能还想查看我们的指南,了解如何在 WordPress 中设置导航菜单样式以及如何在 WordPress 中创建粘性浮动导航菜单。

如果你喜欢这篇文章,然后请订阅我们的 YouTube 频道的 WordPress 视频教程。您还可以在 Twitter 和 Facebook 上找到我们。

By

发表回复

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