导航菜单是什么?
导航菜单是指向网站重要区域的链接列表。它们通常显示为在WordPress网站顶部的水平链接条。这些菜单为你的网站提供结构,帮助访问者找到他们所寻找的内容。这里是WPressize Me上的导航菜单示例:
WordPress使得添加菜单和子菜单非常容易。你可以添加指向你最重要页面、类别或主题、博客文章,甚至自定义链接(如社交媒体个人资料)的链接。菜单的具体位置取决于你的WordPress主题。大多数主题会有多个选项,所以你可以创建不同的菜单并在不同的位置显示。例如,大多数WordPress主题带有一个主要菜单,显示在顶部。有些主题可能还包括一个次要菜单、页脚菜单或移动导航菜单。
创建你的第一个自定义导航菜单
要创建一个导航菜单,你需要访问WordPress管理仪表板中的外观 » 菜单页面。
注意:如果你在你的站点上看不到‘外观 » 菜单’选项,只看到‘外观 » 编辑’,那么说明你的主题启用了全站编辑(FSE)。你可以点击这里跳到FSE部分。
进入菜单页面后,给你的菜单命名,比如‘顶部导航菜单’,然后点击‘创建菜单’按钮。这会展开菜单区域,看起来像这样:
接下来,你可以选择要添加到菜单的页面。你可以自动添加所有新的顶级页面,也可以从左侧列中选择特定页面。首先,点击‘查看全部’标签以查看你网站的所有页面。然后,勾选每个你想添加到菜单的页面旁边的框,然后点击‘添加到菜单’按钮。
页面添加后,你可以通过在‘菜单结构’部分中拖放来移动它们。这样你可以更改它们的顺序并重新排列它们。
注意:在菜单编辑器中,所有菜单项都以垂直(从上到下)的列表显示。当你在你的网站上将菜单上线时,它将根据你选择的位置垂直或水平(从左到右)显示。大多数主题有几个不同的位置可以放置菜单。在这个例子中,我们使用的是Astra主题,具有5个不同的位置。添加页面到菜单后,选择你要显示菜单的位置并点击‘保存菜单’按钮。
小贴士:如果你不确定每个位置在哪里,试着在不同的位置保存菜单,然后访问你的网站看看效果。你可能不会使用所有位置,但你可能会使用多个。
在WordPress中创建下拉菜单
下拉菜单,有时称为嵌套菜单,是具有父项和子项的导航菜单。当你将光标移动到父项上时,所有子项将出现在它下方的子菜单中。要创建子菜单,请将一个项目拖动到父项目下方,然后向右稍微拖动。我们在我们的菜单中的‘服务’下放了3个子项:
你甚至可以添加多层下拉菜单,但这可能显得有些杂乱,并且很多主题不支持多层下拉菜单。
将类别添加到WordPress菜单
如果你使用WordPress来运行博客,那么你可能想要将博客类别作为下拉项添加到你的WordPress菜单中。我们在WPressize Me上这样做,并有多种类别如新闻、主题、教程等等。
你可以通过点击菜单屏幕左侧的类别标签轻松地将类别添加到菜单。你可能还需要点击‘查看全部’标签以查看所有类别。选择你想添加到菜单的类别,然后点击‘添加到菜单’按钮。类别将作为常规菜单项出现在菜单底部。接下来,你可以拖放它们到合适的位置。例如,我们将所有这些类别放在‘博客’菜单项下。
将自定义链接添加到WordPress导航菜单
除了类别和页面之外,WordPress还使得将自定义链接添加到菜单非常容易。你可以用它链接到你的社交媒体个人资料、你的在线商店和你拥有的其他网站。为此,你需要使用菜单屏幕上的‘自定义链接’标签。简单地添加链接及你想在菜单中使用的文本,然后点击‘添加到菜单’按钮。
编辑或删除WordPress导航菜单中的菜单项
当你将页面或类别添加到自定义导航菜单时,WordPress使用页面标题或类别名称作为链接文本。如果需要,你可以更改它。任何菜单项都可以通过点击其旁边的向下箭头进行编辑。你可以在此处更改菜单项的名称。这也是你可以点击‘删除’以完全从菜单中移除链接的地方。如果你在使用拖放界面时遇到困难,你还可以点击适当的‘移动’链接来移动菜单项。
在全站编辑器(FSE)中添加导航菜单
新的全站编辑器允许你使用块编辑器自定义WordPress主题。它在WordPress 5.9中发布,使你可以将不同的块添加到模板中,以创建独特的设计。要使用全站编辑器添加导航菜单,请从WordPress仪表板访问外观 » 编辑。
我们将使用默认的Twenty Twenty-Three主题进行本教程。有关详细信息,请参见我们的最佳WordPress全站编辑主题文章。
进入编辑器后,点击‘导航’标签以展开它。这将在左侧栏中打开一些新设置。此时,点击顶部的‘编辑’图标。此操作会在你的屏幕上启用全屏编辑器,你可以点击‘+’图标添加导航菜单项。在下拉菜单中选择一个选项并将其插入。但如果你想添加自定义链接,可以在块面板中添加导航菜单项的标签和URL。你还可以在菜单中添加搜索选项。添加项目后,切换到右侧栏的‘样式’标签。你现在可以更改菜单项的排版、外观、高度、间距、大小写和文本装饰。如果你想添加子菜单,你也可以通过点击其块工具栏中的图标实现。当你完成后,可以预览这些更改以实时查看菜单的效果。别忘了点击顶部的‘保存’按钮。
在侧边栏和页脚中添加WordPress菜单
你不仅限于你的主题的显示位置。你可以在任何使用小工具的区域(如侧边栏或页脚)中添加导航菜单。只需转到外观 » 小工具,然后点击顶部的‘添加块’(+)按钮,添加‘导航菜单’小工具块到你的侧边栏。接下来,为小工具添加一个标题,并从‘选择菜单’下拉列表中选择正确的菜单。完成后,点击‘更新’按钮。
进一步扩展导航菜单
如果你想创建一个真正庞大的菜单,有大量的链接,我们有一篇关于如何在WordPress中创建超级菜单的教程。超级菜单允许你创建一个包括许多项目(包括图像)的下拉菜单。如果你有一个大型网站,如在线商店或新闻网站,超级菜单是一个很好的选择。像路透社、Buzzfeed和星巴克等网站都使用这种菜单。
关于WordPress菜单的常见问题
以下是我们听到的一些关于WordPress导航菜单的常见问题。
1. 如何添加首页链接到WordPress菜单?要将首页添加到导航菜单,你需要点击页面下的‘查看全部’标签。从那里,你应该看到你的首页。选中‘首页’旁边的框并点击‘添加到菜单’。别忘了保存你的更改。
2. 如何在WordPress中添加多个导航菜单?在WordPress中,你可以创建任意数量的菜单。要在你的网站上放置一个菜单,你需要将其添加到主题的菜单位置之一,或像上面展示的那样添加到小工具区域。如果你想向WordPress网站添加多个导航菜单,请首先按照我们的教程创建菜单。要将它们放置在你的网站上,点击‘管理位置’标签。从这里,你可以选择希望在主题中可用的菜单位置显示的菜单。如果你想向你的网站添加新的菜单位置,请参阅我们关于如何将自定义导航菜单添加到WordPress主题的教程。
我们希望这篇文章帮助你了解如何在WordPress中添加导航菜单。你可能还想查看我们的指南,了解如何在WordPress中设置导航菜单。喜欢这篇文章吗?请订阅我们的YouTube频道,观看更多WordPress视频教程。你还可以在Twitter和Facebook上找到我们。