你想在你的WordPress网站上添加导航菜单吗?
WordPress提供了一个拖放菜单界面,您可以使用它来创建标题菜单、带有下拉选项的菜单等等。
在这个分步指南中,我们将向您展示如何在WordPress中轻松添加导航菜单。
导航菜单是指向网站重要区域的链接列表。它们通常以链接水平条的形式显示在WordPress网站.
这些菜单提供了您的站点结构,并帮助访问者找到他们想要的内容。以下是WPBeginner上导航菜单的外观:
WordPress使添加菜单和子菜单变得非常容易。您可以将链接添加到您的最重要的页面、类别或主题,博客帖子,甚至自定义链接,例如社交媒体简介.
菜单的确切位置取决于您的WordPress主题。大多数主题都有多个选项,因此您可以创建可以在不同位置显示的不同菜单。
例如,大多数WordPress主题都有一个出现在顶部的主菜单。一些主题可能包括二级菜单、页脚菜单或移动导航菜单。
也就是说,让我们看看如何在WordPress中创建自定义导航菜单。
视频教程
如果你喜欢书面说明,就继续阅读
要创建导航菜单,您需要访问外观»菜单WordPress管理仪表板中的页面。
注释:如果您没有看到“外观»菜单'在您的站点上选择并且只查看'外观»编辑器',则意味着您的主题启用了完整站点编辑(FSE)。你可以单击此处跳到下面的FSE部分.
到达后,为菜单提供一个名称,如“顶部导航菜单”,然后单击“创建菜单”按钮。
这将展开菜单区域,如下所示:
接下来,您可以选择要添加到菜单中的页面。您可以自动添加所有新的顶级页面,也可以从左侧列中选择特定页面。
首先,单击“查看全部”选项卡以查看站点的所有页面。然后单击要添加到菜单中的每个页面旁边的框,然后单击“添加到菜单”按钮。
添加页面后,可以通过拖放在“菜单结构”部分来移动页面。
这样,您可以更改它们的顺序并重新排列它们。
注:所有菜单的项目都列在菜单编辑器中的垂直(从上到下)列表中。当你把菜单放在你的站点上时,它会垂直或水平(从左到右)显示,这取决于你选择的位置。
大多数主题都有几个不同的位置可以放置菜单。在这个示例中,我们使用阿斯特拉主题,有5个不同的位置。
将页面添加到菜单后,选择要显示菜单的位置,然后单击“保存菜单”按钮。
提示:如果您不确定每个位置在哪里,请尝试将菜单保存在不同的位置,然后访问您的站点查看其外观。您可能不想使用所有位置,但您可能想使用多个位置。
有关此方面的更多详细信息,您可能想查看我们的教程如何在WordPress中创建垂直导航菜单.
这是我们在网站上完成的菜单:
下拉菜单有时称为嵌套菜单,是带有父菜单项和子菜单项的导航菜单。
当您在父项上运行光标时,所有子项都将显示在子菜单中的父项下。
要创建子菜单,请在父项下方拖动一个项,然后将其稍微向右拖动。我们在菜单中的“服务”下面有三个子项:
你甚至可以添加多层下拉菜单,这样子菜单就可以有一个子菜单。这可能会导致看起来有点混乱,而且许多主题不支持多层下拉菜单。
有关更多详细说明,请参阅我们的教程如何在WordPress中创建下拉菜单.
下面是我们演示网站上的实时子菜单:
如果你正在使用WordPress运行博客,那么你可能需要添加你的博客类别作为WordPress菜单中的下拉菜单。
我们在WPBeginner上实现了这一点,并有多个类别,如新闻、主题、教程等。
通过单击菜单屏幕左侧的“类别”选项卡,可以轻松地将类别添加到菜单中。您可能还需要单击“查看全部”选项卡以查看所有类别。
只需选择要添加到菜单中的类别,然后单击“添加到菜单”按钮。
这些类别将作为常规菜单项显示在菜单底部。
接下来,您可以将它们拖放到位。例如,我们将把所有这些类别都放在博客菜单项下。
有关进一步的说明,请参阅我们的初学者指南如何在WordPress导航菜单中添加主题.
以下是演示站点导航菜单中不同类别的显示方式:
除了类别和页面之外,WordPress还可以非常容易地向菜单添加自定义链接。您可以使用它链接到您的社交媒体档案网上商店以及您拥有的其他网站。
要做到这一点,你必须使用菜单屏幕上的“自定义链接”选项卡。只需添加链接以及您想要在菜单中使用的文本,然后单击“添加到菜单”按钮。
你甚至可以变得富有创意在菜单中添加社交媒体图标或调用操作按钮以获得更多转换。
在自定义导航菜单中添加页面或类别时,WordPress使用页面标题或类别名称作为链接文本。如果你愿意,你可以改变这一点。
单击旁边的向下箭头可以编辑任何菜单项。
然后可以从这里更改菜单项的名称。这也是您可以单击“删除”从菜单中删除链接的地方。
如果您正在使用拖放界面,那么您也可以通过单击相应的“移动”链接来移动菜单项。
新的完整站点编辑器允许您使用块编辑器自定义WordPress主题。它于年发布WordPress 5.9并允许您向模板中添加不同的块,以创建独特的设计。
要使用完整站点编辑器添加导航菜单,请访问外观»编辑器从WordPress仪表板。
我们将在本教程中使用默认的Twenty Twenty-Three主题。有关更多详细信息,请参阅我们关于最佳WordPress完整网站编辑主题.
进入编辑器后,继续并单击“导航”选项卡将其展开。
这将在左栏中打开一些新设置。
从这里,只需单击顶部的“编辑”图标。
这将在屏幕上启动完整的站点编辑器,您可以单击“+”图标添加导航菜单项。
现在将打开一个提示,您可以选择下拉菜单中显示的选项。
但是,如果要添加自定义链接,则可以为块面板中的导航菜单项添加标签和URL。你也可以在菜单中添加搜索选项.
添加项目后,从右侧的列切换到“样式”选项卡。
现在可以更改菜单项的排版、外观、高度、间距、字母大小写和文本装饰。
如果要添加子菜单,也可以通过单击块工具栏中的图标来完成。
完成后,可以预览更改以实时查看菜单的外观。然后别忘了点击顶部的“保存”按钮。
您不必只停留在主题的显示位置。您可以在任何使用小部件的区域中添加导航菜单,例如侧边栏或页脚。
只需转到外观»小工具然后单击顶部的“添加块”(+)按钮并添加“导航菜单”窗口小部件块到您的侧边栏。
接下来,为小部件添加标题,并从“选择菜单”下拉列表中选择正确的菜单。
完成后,只需单击“更新”按钮。
下面是一个自定义WordPress页脚菜单的例子Syed Balkhi的网站.
如果你想创建一个带有大量链接的真正史诗般的菜单,我们有一个关于如何在WordPress中创建大菜单.
这允许您创建一个包含许多项目(包括图像)的下拉列表。
如果你有一个大型网站,比如网上商店或新闻网站这类菜单被路透社、Buzzfeed、星巴克等网站使用。
以下是我们从初学者那里听到的关于WordPress导航菜单的一些最常见的问题。
1.如何将主页链接添加到WordPress菜单?
要将主页添加到导航菜单中,您需要单击Pages下的“View All”选项卡。从那里,你应该可以看到你的主页。
选中“主页”旁边的框,然后单击“添加到菜单”。别忘了保存更改。
2.如何在WordPress中添加多个导航菜单?
在WordPress中,您可以创建任意数量的菜单。要在您的网站上放置菜单,您需要将其添加到主题的菜单位置之一,或添加到我们上面显示的小部件区域。
如果你想在WordPress站点上添加多个导航菜单,首先按照我们上面的教程创建菜单。
要将其放置在您的站点上,请单击“管理位置”选项卡。
从这里,您可以选择要在主题中可用的菜单位置中显示的菜单。
如果您想在站点中添加新的菜单位置,请参阅我们的教程如何向WordPress主题添加自定义导航菜单.
我们希望本文能帮助您学习如何在WordPress中添加导航菜单。您可能还想查看我们的指南,了解如何WordPress中的样式导航菜单以及如何在WordPress中创建一个粘性浮动导航菜单.
如果你喜欢这篇文章,那么请订阅我们的YouTube频道用于WordPress视频教程。您也可以在上找到我们推特和脸谱网.