为什么要在文章/页面中添加WordPress导航菜单?
导航菜单是一系列指向网站重要区域的链接,通常位于页眉。它们可以帮助访问者找到他们所寻找的内容,改善用户体验,并让人们在你的WordPress网站上停留更长的时间。
菜单的确切位置取决于你的WordPress主题。大多数主题允许你在多个区域显示菜单,但有时你可能需要在文章或页面中添加导航菜单。例如,你可能希望添加一个独特的菜单,链接到特定销售页面上提到的所有产品。
你还可以使用菜单在WordPress博客中显示相关文章。通过将此导航菜单放在博客文章的末尾,可以鼓励读者查看更多你的内容。
下面我们将展示如何在文章或页面中添加WordPress导航菜单。请使用以下快速链接直接跳转到你想要使用的方法:
方法一:使用WordPress导航块(适用于单个页面和文章)
最简单的方法是在文章和页面中使用内置的导航块。这样可以在任何页面或文章中显示导航菜单,但需要手动添加每一个菜单。
如果你需要控制每个页面上的确切菜单位置,这种方法非常适用。不过,如果你想在很多页面和文章中添加相同的导航菜单,这会变得耗时和令人沮丧。
步骤一:打开你想添加导航菜单的页面或文章
点击页面上的‘+’按钮以添加一个新块。在弹出窗口中,输入‘导航’。
当正确的块出现时,点击它以将其添加到页面或文章中。默认情况下,导航块将显示你的一些菜单之一。如果你想添加一个不同的菜单,请打开‘块’选项卡,然后选择‘列表视图’。
在这里,你可以点击‘菜单’旁边的三点查看所有可用的菜单选项。然后,选择你想使用的菜单名称或创建一个新菜单。
步骤二:自定义导航菜单
有时你可能想通过添加更多链接来自定义菜单。例如,如果你在WooCommerce上运行一个在线商店,你可以链接到页面上提到的所有产品。
要继续添加自定义链接到导航菜单,请点击‘列表视图’选项卡中的‘+’图标。这会弹出不同的选项。
要添加链接到你网站上的任何页面,只需点击‘页面链接’。你现在可以从下拉菜单中选择一个页面或开始输入页面标题。当正确的页面出现时,点击将其添加到自定义菜单中。要将更多页面添加到导航菜单,请重复上述相同的步骤。
你还可以将社交图标添加到WordPress菜单中,这样可以鼓励人们关注你的Twitter、Facebook、YouTube、LinkedIn等账号。首先,点击‘列表视图’选项卡中的‘+’图标,然后选择‘社交图标’。
接下来,选择你想要链接的社交媒体网络。例如,你可以选择‘Twitter’来宣传你的Twitter页面。之后你需要配置社交图标,步骤可能会根据社交网络的不同而有所变化,但通常你需要点击选择图标,然后输入你的社交媒体资料的URL。
你还可能希望在WordPress菜单中添加搜索栏,以帮助人们找到有趣的页面、文章、产品等。WordPress有一个内置的搜索功能,但它比较基础,并不总是提供准确结果。我们推荐使用WordPress搜索插件来改进你的网站搜索。
无论你是使用内置的WordPress功能,还是像SearchWP这样的高级插件,只需选择‘搜索’,来将搜索栏添加到菜单中。当你对菜单的内容感到满意时,你可能想要改变它的外观。你可以通过选择‘设置’选项卡来更改菜单的布局,包括其对齐方式和方向。
之后,你还可以通过选择‘样式’选项卡来更改背景颜色、文本颜色、字体等。随着你进行更改,实时预览将自动更新。这意味着你可以尝试不同的设置,看看哪种最适合你的WordPress博客。
如果你计划在多个页面和文章中使用相同的导航菜单,可以考虑将其转化为可重复使用的块或图案,节省大量时间和精力。
准备好发布导航菜单时,只需点击‘更新’或‘发布’按钮。
现在,如果你访问此页面或文章,你将看到导航菜单的实际效果。
方法二:使用全站编辑器(仅限块主题)
如果你只想在少量页面和文章中添加导航菜单,方法一是一个很好选择。不过,如果你希望在整个网站中显示相同的菜单,每个菜单都需要手动添加,这可能不是最佳选择。
如果你使用的是块主题(如Hestia Pro),可以将WordPress导航菜单添加到页面或文章模板。这样,你的网站所有页面或文章中都会显示此菜单,无需手动添加。
首先,进入WordPress仪表板中的“外观”»“编辑器”。然后,在左侧面板中点击“模板”。
编辑器现在会显示构成你的WordPress主题的所有模板。要将导航菜单添加到WordPress博客文章,请选择“单个”模板。如果你想将菜单添加到页面中,则选择“页面”模板。
WordPress将显示所选模板的预览。点击小铅笔图标以编辑此模板。完成后,点击左上角的蓝色‘+’图标。
在搜索栏中输入‘导航’。当正确的块显示时,将其拖动到你的模板上。默认情况下,块会显示你的一些菜单之一。如果你想添加不同的菜单,点击‘块’选项卡,然后选择‘列表视图’。
点击‘菜单’旁边的三点图标查看所有已创建的菜单。从列表中选择任意菜单。
之后,你可以添加更多页面到菜单中,添加搜索栏等,具体操作见方法一中的步骤。当你满意导航菜单的外观时,点击‘保存’按钮以使其生效。现在,如果你访问你的网站,你将看到相同的导航菜单在所有WordPress页面或文章中出现。
方法三:创建自定义WordPress主题(更多可定制性)
另一种选择是创建一个自定义的WordPress主题。这种方法更高级,但它可以让你完全控制菜单在文章或页面中的显示位置。
过去,你需要按照复杂的教程并编写代码来构建自定义WordPress主题。但现在,可以使用SeedProd轻松创建自己的主题。
SeedProd是最好的拖放式WordPress页面构建器,Pro和精英用户还可以获得高级主题构建器。它允许你在不编写代码的情况下设计自己的WordPress主题。
有关逐步说明,请参阅我们的指南,了解如何创建自定义WordPress主题(无需编码)。
创建主题后,你可以在WordPress网站的任何部分添加导航菜单。只需前往SeedProd » 主题构建器,找到控制文章或页面布局的模板。这通常是‘单篇文章’或‘单页’。
这将打开SeedProd的拖放页面构建器中的模板。在左侧菜单中,滚动到‘小部件’部分。在这里找到导航菜单块并将其拖到布局上。
之后,在实时预览中点击选择导航菜单块。现在打开‘选择菜单’下拉菜单,并选择你想要显示的菜单。你还可以在’标题’字段中输入可选标题。它将显示在WordPress导航菜单的上方。
要预览菜单在你网站上的显示效果,点击‘应用’按钮。接着,你可以通过点击‘高级’选项卡来样式化菜单。如果你添加了标题,可以更改文本颜色、调整字体,并在标题和菜单项之间增加空间。
你还可以更改菜单项使用的颜色和字体。使用‘文本排版’和‘文本颜色’设置来进行这些更改。之后,可以通过‘高级’选项卡中的设置更改间距,添加自定义CSS,甚至添加CSS动画。
当你对菜单的外观感到满意时,点击SeedProd工具栏中的‘保存’按钮。然后选择‘发布’。现在,如果你访问你的网站,将看到新的页面或文章布局已生效。
更多自定义导航菜单的方法
想把你的导航菜单提升到一个新的水平吗?以下是一些你可以阅读的专家指南,以自定义导航菜单:
- 如何在WordPress中添加箭头键导航
- 如何在WordPress中创建垂直导航菜单
- 如何在WordPress中显示面包屑导航链接
- 如何在WordPress中创建粘性浮动导航菜单
- 如何在WordPress中创建移动准备响应的菜单
- 如何在WordPress中创建下拉菜单(初学者指南)
我们希望这篇文章能帮助你学习如何在WordPress文章和页面中添加导航菜单。你还可能想查看我们的指南,了解如何使用WordPress创建一个登陆页面,或查看我们专家选择的必备WordPress插件。