如何将搜索栏添加到 WordPress 菜单(分步)

您想在 WordPress 导航菜单中添加搜索栏吗?

默认情况下,WordPress 允许您向网站侧边栏、页脚和其他小部件就绪区域添加搜索.但是,许多用户更喜欢导航菜单中的 WordPress 搜索框,因为它在顶部很容易被注意到.

在本文中,我们将向您展示如何在没有任何编码知识的情况下轻松地将搜索栏添加到您的 WordPress 菜单.

Adding a Search Bar to WordPress Menu

为什么要在 WordPress 导航菜单中添加搜索栏

搜索栏使您的用户无需离开您的 WordPress 网站即可轻松找到他们正在寻找的内容.它有助于改善您网站上的用户体验并提高参与度.

这就是为什么大多数可用性专家建议在导航菜单中添加搜索选项的原因,以便用户可以轻松找到它.但是,默认的 WordPress 搜索小部件仅限于小部件就绪区域.

幸运的是,有许多不同的 WordPress 搜索插件可让您将搜索栏添加到网站上的不同位置,包括菜单.

在本教程中,我们将使用免费的 SearchWP 模态搜索表单.它易于使用,适用于任何主题,看起来都很棒,并且不会对您网站的性能产生负面影响.

话虽如此,让我们来看看如何将搜索栏添加到您的 WordPress 导航菜单中.

向 WordPress 导航菜单添加搜索栏

您需要做的第一件事是安装并激活 SearchWP 模态搜索表单插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

激活后,您需要访问外观»菜单,将搜索页面添加到您的 WordPress 菜单中.在那里,确保选择了主菜单.

确保选择了主菜单

接下来,单击 SearchWP 模态搜索表单以显示菜单项的设置.请注意,插件已自动添加默认搜索模板.您应该选择它,然后点击"添加到菜单"按钮.

新的原生 WordPress 模态搜索表单菜单项将添加到右栏中.您需要点击它以展开其设置.

您需要将导航标签重命名为"搜索",然后单击"保存菜单"按钮以保存设置.

您可以通过访问您的 WordPress 网站来查看新的搜索菜单项.弹出式搜索框将自动采用您的主题外观,您可以在我们测试网站的这两个屏幕截图中看到.

搜索预览

添加 Ajax 支持的实时搜索

通过使用 Ajax 技术添加实时搜索结果,我们可以使我们的搜索表单更加用户友好.这将在您的访问者输入查询时自动更新搜索结果.

首先,您需要安装并激活 SearchWP Live Ajax Search 插件.请参阅有关如何安装 WordPress 插件的分步指南.

一旦激活,插件将立即开始工作.它会自动将实时搜索结果添加到您的所有搜索表单中.

要查看实际效果,只需访问您的 WordPress 网站并输入搜索查询即可.搜索结果将在您输入时显示.

实时搜索预览

要进一步自定义您的搜索,请参阅我们关于如何使用 SearchWP 改进 WordPress 搜索的完整指南.

我们希望本文能帮助您了解如何向 WordPress 菜单添加搜索栏.您可能还想了解如何选择最佳的 WordPress 托管或查看我们的有用提示列表,以加快 WordPress 和提高性能.

如果您喜欢本指南,请考虑订阅我们的 YouTube 频道以获取 WordPress 视频教程.您也可以在 Twitter 和 Facebook 上找到我们.

1
订阅评论
提醒
0 评论
内联反馈
查看所有评论