所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

如何在WordPress中添加导航菜单(初学者指南)

WordPress带有一个拖放菜单界面,可用于创建标题菜单,带有下拉选项的菜单等。在本文中,我们将展示如何在WordPress中轻松添加导航菜单。

什么是导航菜单?

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

导航菜单为网站提供结构并帮助访问者找到他们正在寻找的内容。以下是导航菜单在网站上的效果:

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

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

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

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

创建一个自定义导航菜单

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

注意:如果在网站上没有看到“外观 » 菜单”选项,而只看到“外观 » 编辑器(测试版)”,则表示主题已启用全站编辑 (FSE)。

创建新菜单

首先,需要为菜单提供一个名称,例如“顶部导航菜单”,然后单击“创建菜单”按钮。

这将展开菜单区域,如下所示:

WordPress中新创建的菜单

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

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

将页面添加到菜单

添加页面后,可以通过拖放页面来移动它们。

通过这种方式,可以更改它们的顺序并重新排列它们。

在菜单中拖放页面

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

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

Astra Pro主题永久正版授权wordpress轻量简洁快速企业博客商城网站主题模板已汉化Astra Pro主题永久正版授权wordpress轻量简洁快速企业博客商城网站主题模板已汉化
2023-07-18

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

选择菜单位置

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

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

菜单预览

在WordPress中创建下拉菜单

下拉菜单有时称为嵌套菜单,是包含父菜单项和子菜单项的导航菜单。当您将光标移到父项上时,所有子项都将显示在子菜单中该父项的下方。

若要创建子菜单,请将一个项拖到父项下方,然后将其稍微向右拖动。我们已经在菜单中的“服务”下有 3 个子项目:

创建子菜单

甚至可以添加多层下拉列表,以便子菜单可以具有子菜单。这最终可能会看起来有点混乱,并且许多主题不支持多层下拉菜单。

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

WordPress中的子菜单预览

将类别添加到WordPress菜单

如果使用WordPress运行博客,那么可能希望将博客类别添加为WordPress菜单中的下拉菜单。

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

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

选择要添加的类别

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

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

拖动主菜单下的类别

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

导航菜单中的博客类别

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

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

添加自定义链接

甚至可以发挥创意,并在菜单中添加社交媒体图标或

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

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

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

编辑或删除菜单项

可以在此处更改菜单项的名称。也可以在此处单击“删除”以完全删除菜单上的链接。

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

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

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

但是,完整的站点编辑器仍处于测试阶段,仅限于支持它的特定主题。在本教程中,我们将使用默认的 Twenty Twenty-Twenty 主题。

要使用完整的站点编辑器添加导航菜单,首先需要从WordPress仪表板转到外观»编辑器。您也可以单击Twenty Twenty-Two主题上的“自定义”按钮以打开完整的站点编辑器。

转到完整的站点编辑器

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

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

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

FSE 中的导航菜单设置

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

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

单击选择菜单按钮

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

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

向导航菜单添加更多块

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

完成后,可以预览更改以实时查看菜单的外观。然后不要忘记单击顶部的“保存”按钮。

保存更改

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

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

只需转到外观»小部件,然后单击顶部的“+”号,然后将“导航菜单”小部件块添加到侧边栏。

添加导航菜单

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

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

添加标题并选择菜单

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

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

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

要将首页添加到导航菜单,您需要点击主页下方的“查看全部”标签。从那里,您应该会看到您的主页。

将主页添加到菜单

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

2. 如何在WordPress中添加多个导航菜单?

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

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

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

管理菜单位置

在这里,可以选择要在模版中可用的菜单位置中显示的菜单。

我们希望这篇文章能帮助你学习如何在WordPress中添加导航菜单。

 

 

 

 

资源下载
下载价格免费
主题都带数据,跟演示站一样,100%纯净,正版可商用

原文链接:https://www.itaoda.cn/blog/13227.html,转载请注明出处。

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板