如何将实时 Ajax 搜索添加到您的 WordPress 网站(简单的方法)

您想将实时 Ajax 搜索添加到您的 WordPress 网站吗?

向 WordPress 添加即时搜索可改进默认站点搜索,并使访问者更容易找到他们正在寻找的页面和帖子。

在本文中,我们将逐步向您展示如何将实时 Ajax 搜索添加到您的 WordPress 网站。

如何将实时 Ajax 搜索添加到您的 WordPress 网站(简单的方法)

为什么要向 WordPress 添加实时 Ajax 搜索?

Live Ajax 搜索,也称为即时搜索,通过添加谷歌等搜索引擎中常见的下拉和自动完成功能来改进默认的 WordPress 搜索体验。

以下是实际 Ajax 搜索的示例:

谷歌搜索现场示例

实时搜索会猜测用户在输入时搜索的内容,这有助于他们更快地找到相关内容。这是对默认 WordPress 搜索的巨大改进,访问者需要单击一个按钮来执行搜索并获得结果。

通过帮助用户快速找到他们正在寻找的内容,实时搜索可以让他们在您的网站上停留更长时间,这将增加网页浏览量并降低跳出率。

话虽如此,让我们看看如何将实时 Ajax 搜索添加到您的WordPress 博客或网站。

使用 WordPress 插件将 Ajax 搜索添加到 WordPress

将 Ajax 实时搜索添加到 WordPress 的最简单方法是使用免费的SearchWP Live Ajax Lite Search 插件。

它自动启用即时搜索,并与任何WordPress 主题完美配合。

您需要做的第一件事是安装并激活插件。有关更多详细信息,请参阅我们关于如何安装 WordPress 插件的分步指南。

激活后,默认的 WordPress 搜索表单将自动使用 Ajax 实时搜索功能。如果您访问您的网站并开始在搜索栏中输入内容,那么您将看到即时搜索在起作用。

使用 SearchWP 创建的实时 Ajax 搜索

在您的 WordPress 网站上显示 Ajax 实时搜索

现在,您网站上的每个搜索栏都将自动使用实时 Ajax 搜索。

大多数 WordPress 主题都有内置的搜索栏,但您可能还想在WordPress 网站的其他区域添加搜索栏。

将实时 Ajax 搜索添加到 WordPress 侧边栏

添加搜索栏最受欢迎的区域之一是 WordPress 侧边栏。

实时小部件搜索示例

这使访问者无论在您网站的哪个位置都可以轻松进行搜索。

要将搜索小部件添加到 WordPress,只需转到外观»小部件以调出基于块的小部件编辑器。

自定义小部件块

WordPress 主题的每个小部件区域在块编辑器中都有一个单独的选项卡。

在我们的测试站点上,我们的侧边栏小部件区域称为“右侧边栏”,但根据您的主题,您的小部件区域可能有不同的名称。

只需单击侧边栏或类似部分下方的“+”图标。

添加侧边栏小部件块

然后,在搜索栏中输入“SearchWP”并单击“SearchWP Live Search”图标。

这将自动将实时 Ajax 搜索小部件添加到您的侧边栏。

添加 SearchWP 实时搜索小部件

您可以通过在“标题”字段中键入来向搜索栏添加可选标题。

完成后,单击“更新”按钮保存更改并使 Ajax 搜索栏在您的网站上生效。

自定义和保存实时搜索小部件

现在,如果您访问您的站点,您将在侧边栏或类似部分看到一个实时 Ajax 搜索栏。

您可以按照相同的过程将搜索栏添加到任何其他小部件就绪区域。

要将搜索栏添加到您的导航菜单,请参阅我们的指南,了解如何将搜索栏添加到您的 WordPress 菜单。

将实时 Ajax 搜索添加到 WordPress 页面

您可能还希望将实时 Ajax 搜索框添加到您网站的特定页面。例如,您可以在自定义存档页面中添加一个栏,以便访问者可以轻松搜索您的内容。

为此,您需要导航到要编辑的帖子或页面。对于本示例,我们将向您展示如何将实时搜索栏添加到 WordPress 页面。

首先,转到页面»所有页面,然后单击要编辑的页面。

打开 WordPress 页面

页面打开后,单击页面编辑器屏幕上的“+”图标。

这将打开块菜单。

添加新的页面块

接下来,在框中键入“搜索”,然后单击“搜索”图标将其添加到您的页面。

WordPress 会自动为您放置搜索栏。

选择搜索块

默认情况下,该框有一个“搜索”标题。您可以通过在标签字段中键入来更改此设置,也可以完全删除标题文本。

您还可以输入可选的占位符,这是 WordPress 在访问者开始输入搜索查询之前将显示的文本。

如果您对搜索栏的设置方式感到满意,请单击“更新”按钮。

在页面上保存实时搜索块

现在,您的访问者可以使用实时搜索栏快速找到他们正在寻找的内容。

您可以使用相同的过程将搜索栏添加到任何帖子或页面。

实时搜索页面示例

自定义即时 WordPress 搜索结果

SearchWP Live Ajax Search 与内置的 WordPress 搜索集成。但是,此默认搜索非常有限,并且不太擅长查找相关内容。

这就是SearchWP的用武之地。

它是市场上超过 30,000 个网站使用的最佳 WordPress 搜索插件。

该插件允许访问者搜索 WordPress 默认忽略的内容,包括自定义字段、PDF 文档、文本文件、WooCommerce产品等。

通过使用 SearchWP Live Ajax Search 和高级 SearchWP 插件,您可以完全自定义您的即时搜索,而无需编写任何代码。

搜索WP自定义引擎

SearchWP 还具有高级分析和统计信息,可让您查看访问者正在搜索的内容。

您可以使用这种洞察力来微调您网站的搜索设置方式,并确定您网站上最受欢迎的内容。

SearchWP 指标和统计页面

有关更多信息,请参阅我们的如何使用 SearchWP 改进 WordPress 搜索。

我们希望本文能帮助您了解如何将实时 Ajax 搜索添加到您的 WordPress 网站。您可能还想查看我们的指南,了解如何跟踪网站访问者,并且必须拥有适用于商业网站的 WordPress 插件。