如何在帖子/页面中添加WordPress导航菜单

您想在您的帖子或页面中添加WordPress导航菜单吗?

默认情况下,您只能在WordPress主题设置的位置显示菜单。但是,有时您可能需要向特定帖子或页面添加菜单,甚至在页面内容中显示菜单。

在本文中,我们将向您展示如何在帖子和页面中添加WordPress导航菜单。

1fff5cc1a002dd34e4b794f8c6a2e379.png

为什么要在帖子/页面中添加WordPress导航菜单?

导航菜单是指向网站重要区域的链接列表。这些链接可以帮助访问者找到他们正在寻找的内容,改善客户体验,并让人们在您的WordPress网站上停留更长时间。

978ba350401b130aafe5c1f4243d84f9.png

菜单的确切位置取决于您的WordPress主题。大多数主题允许您在多个区域中显示菜单,但有时您可能需要向帖子或页面添加导航菜单。

例如,您可能希望添加一个独特的菜单,链接到特定销售页面上提到的所有产品。

您还可以使用菜单在WordPress博客上显示相关帖子。

方法1:使用WordPress导航块(最适合单个页面和帖子)

将WordPress导航菜单添加到帖子和页面的最简单方法是使用内置的导航块。这允许您在页面或帖子中的任何位置显示导航菜单,但您必须手动添加每个菜单。

如果您需要准确控制菜单在每个页面上的显示位置,这是一个很好的方法。但是,如果您想将相同的导航菜单添加到许多页面和帖子中,这可能会既耗时又令人沮丧。

要开始使用此方法,只需打开要添加WordPress导航菜单的页面或帖子。然后,单击“+”按钮向页面添加新块。

a00436c2bae26245aa4779251b7c8872.png

在弹出窗口中,输入“导航”。

当右侧块出现时,单击它以将其添加到页面或帖子中。

646ff9705a4ceac3ab9bfca5d8070c32.png

默认情况下,导航块将显示您的一个菜单。

如果您想添加其他菜单,请打开“阻止”标签。然后,您需要选择“列表视图”选项卡。

799300baaa3ccfdc291f36310bc1397d.png

在这里,您可以单击“菜单”旁边的三个点。

然后,只需选择您要使用的菜单即可。

9ed189a4752dac6f0fc4020ab78ff53b.png

有时,您可能希望通过添加更多链接来自定义菜单。例如,如果您经营一家在线商店,那么您可能会链接到该页面上提到的所有产品。

要继续并向导航菜单添加链接,请单击“列表视图”选项卡中的“+”图标。

0ae1858ea731d4f38e551344739063fc.png

这将打开一个包含不同选项的弹出窗口。

要添加指向您网站上任何页面的链接,只需单击“页面链接”。

9729d6f74f2a1812993370838f0f55b8.png

您现在可以从下拉菜单中选择一个页面,也可以开始输入页面标题。当右侧页面显示时,单击以将其添加到菜单中。

要向导航菜单添加更多页面,只需重复上述相同过程即可。

06397fda90fc8b2b2e5d297b05a0197c.png

您还可以将社交图标添加到WordPress菜单中,这将鼓励人们在Twitter,Facebook,YouTube,LinkedIn等上关注您。

要开始使用,请单击“列表视图”选项卡中的“+”图标。这次,选择“社交图标”。

fb4f38e7ca6884e01dcf410dda45b5c7.png

这将添加一个新区域,您可以在其中添加社交图标。

要开始使用,请单击新的“+ 单击加号以添加”部分。

55f8d48f49a15bdbeab7c4ce9f74f35e.png

现在,选择要链接到的社交媒体网络。

例如,您可以选择“Twitter”在WordPress中推广您的Twitter页面。

a9586f1740f31cf6559dde3f1b4e34ad.png

之后,您将需要配置社交图标。

确切的步骤因社交网络而异。但是,您通常需要单击以选择图标,然后键入社交媒体配置文件的URL。

433d4bbe6626c0ff21fbcbb8ee442e07.png

只需重复这些步骤即可将更多社交图标添加到导航菜单中。

最后,您可能希望在WordPress菜单中添加一个搜索栏,以帮助人们找到有趣的页面,帖子,产品等。

WordPress具有内置的搜索功能,但它是基本的,并不总是提供准确的结果。这就是为什么我们建议使用WordPress搜索插件来改善您的网站搜索。

更好的是,如果您选择像SearchWP这样的高级插件,那么它将取代默认的WordPress搜索。配置插件后,您网站上的所有搜索框将自动使用 SearchWP,包括导航菜单中的任何搜索框。

无论您是使用内置的WordPress功能还是SearchWP等高级插件,只需选择“搜索”即可将搜索栏添加到菜单中。

784be36bab8152fc694957e7f21e7c43.png

当您对菜单的内容感到满意时,您可能希望更改其外观。

您可以通过选择“设置”选项卡来更改菜单的布局,包括其对齐方式和方向。

2e0ecd379c08f34cfe28b288debff8e7.png

之后,您可以通过选择“样式”选项卡来更改背景颜色、文本颜色、排版等。

进行更改时,实时预览将自动更新。这意味着您可以尝试许多不同的设置,以查看最适合您的WordPress博客的设置。

26b0b69ea57486f0d36b62b33034a2c2.png

您可以配置更多设置,但这就是向帖子或页面添加有用的WordPress导航菜单所需的全部内容。

**专业提示:**如果您打算在多个页面和帖子中使用相同的导航菜单,那么在WordPress块编辑器中将其转换为可重用的块是明智的。这可以为您节省大量时间和精力。

当您准备好使导航菜单上线时,只需单击“更新”或“发布”按钮。

cd0aa13d66eb0e4d6d2d16fac26fb772.png

现在,如果您访问此页面或帖子,您将看到正在运行的导航菜单。

方法 2:使用完整站点编辑器(仅限块主题)

如果您只想向几个帖子和页面添加导航菜单,那么方法 1 是一个不错的选择。但是,您需要手动添加每个菜单,因此如果您想在整个网站上显示相同的菜单,这不是最佳选择。

如果您使用的是基于块的主题,例如 Hestia Pro,那么您可以将 WordPress 导航菜单添加到页面或帖子模板中。然后,此菜单将显示在您的所有页面或帖子中,而无需您手动添加它。如果您总是想在完全相同的位置显示相同的导航菜单,这是完美的选择。

要开始使用,请转到WordPress仪表板中的主题»编辑器

80ce6779dcd4067b79efcac86499fede.png

默认情况下,编辑器将显示主题的主页模板。

要为您的WordPress页面或帖子添加导航菜单,请单击左侧菜单中的“模板”。

2ae909a278e3db78114f72a01f7fa7e6.png

编辑器现在将显示构成您的 WordPress 主题的所有模板。

要为您的WordPress博客文章添加导航菜单,请选择“单个”模板。如果您想改为向网页添加菜单,请选择“主页”模板。

741f942918ca37653c422e869a36ae3f.png

WordPress现在将显示所选模板的预览。

要编辑此模板,请继续并单击小铅笔图标。

6c8748950d0319b164b5c3b3848b0482.png

完成后,单击左上角的蓝色“+”图标。

在出现的搜索栏中,输入“导航”。

1ee536bfdf2317520dcd70db127b29a0.png

当右侧块出现时,将其拖放到模板上。

默认情况下,该块将显示您的菜单之一。如果要添加其他菜单,请单击“阻止”选项卡。之后,选择“列表视图”。

7f2e693b52a8ac6dab6d2851338e4e75.png

您现在可以单击“菜单”旁边的三个点以查看您在WordPress网站上创建的所有菜单。

只需从列表中选择任何菜单即可。

3fa6deea9daf138915f70aae29701e3d.png

完成此操作后,您可以按照方法 1 中的步骤向菜单添加更多页面、添加搜索栏等。

当您对导航菜单的外观感到满意时,请单击“保存”按钮使其上线。现在,如果您访问您的网站,那么您将在所有WordPress页面或帖子中看到相同的导航菜单。

方法3:创建自定义WordPress主题(更可定制)

另一种选择是创建自定义WordPress主题。这是一种更高级的方法,但它可以让您完全控制菜单在帖子或页面中的显示位置。

过去,您需要遵循复杂的教程并编写代码来构建自定义 WordPress 主题。但是,现在可以使用 SeedProd 轻松创建自己的主题。

SeedProd 是最好的拖放式 WordPress 页面构建器,Pro 和 Elite 用户还可以获得高级主题构建器。这允许您设计自己的WordPress主题,而无需编写任何代码。

74716fdccb371e9f376d572993efec9a.png

创建主题后,您可以将导航菜单添加到WordPress网站的任何部分。

只需转到 种子生产 » 主题生成器 并找到控制帖子或页面布局的模板。这通常是“单页”或“单页”。

0496b373444a19868551ff99d3e2fc00.png

这将在 SeedPro 的拖放页面构建器中打开模板。

在左侧菜单中,滚动到“小部件”部分。在这里,找到导航菜单块并将其拖到您的布局上。

0aee419b85274429068ea82b7e08312c.png

之后,单击以选择 导航菜单 实时预览中的块。

现在,打开“选择菜单”下拉菜单,然后选择要显示的菜单。

1b590584fabf6af5c3513f534e4abc72.png

您现在可以在“标题”字段中键入可选标题。这将出现在WordPress导航菜单上方。

要预览菜单在您的网站上的外观,请单击“应用”按钮。

c83aa97bb90f9f3a00ca10b405852324.png

接下来,您可能希望通过单击“高级”选项卡来设置菜单样式。

如果添加了标题,则可以更改文本颜色、调整版式以及在标题和菜单项之间添加更多空间。

您还可以更改用于菜单项的颜色和字体。

只需使用“文本排版”和“文本颜色”设置即可进行这些更改。

67a51e6c2087105fdbea0a8264ebd70e.png

之后,您可以使用“高级”选项卡中的设置更改间距,添加自定义CSS,甚至添加CSS动画。

当您对菜单的外观感到满意时,请继续并单击 SeedProd 工具栏中的“保存”按钮。然后,选择“发布”。

b01ff7fec6b57085025a2469c4f6f6b0.png

现在,如果您访问您的网站,那么您将看到新页面或帖子布局的实际效果。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值