如何在文章/页面中添加WordPress导航菜单

11/07/2022

为什么要在文章/页面中添加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插件。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>