想要为您的站点添加 WordPress 自动完成搜索功能吗?您知道 - 在访问者开始输入查询的地方,您的网站会自动帮助他们完成搜索和/或建议匹配的内容。

谷歌、亚马逊和许多其他网站都使用这种方法,因为它为访问者提供了有用的搜索体验。使用正确的 WordPress 自动完成搜索插件,您可以将相同的功能添加到您的网站。

您将使用什么来添加 WordPress 自动完成搜索功能

您可以添加到站点的 WordPress 自动完成功能示例。您可以看到自动完成和内容建议。

在测试了几个可帮助您向 WordPress 添加实时搜索的插件后,我们选择了 Ajax Search Lite,因为:

  • 它易于设置。
  • 免费版适用于大多数网站。
  • 非常灵活。
  • 它很受欢迎并定期更新。

此插件可帮助您添加实时搜索建议并利用 Google 的自动完成功能将自动完成功能添加到您的搜索框。

开始之前,请确保在您的站点上安装并激活插件(如果您需要帮助,这里介绍了如何安装 WordPress 插件)。

激活插件后,按照以下步骤配置新的 WordPress 自动完成搜索功能...

第 1 步:选择要包含在搜索中的内容

您需要做的第一件事是配置有资格包含在您的搜索建议中的内容。

例如,您可能希望建议包含博客文章而不是页面。如果您使用自定义帖子类型(例如 WooCommerce 产品或活动插件),您还可以选择是否将该内容包含在搜索结果中。

要进行这些选择,请单击 WordPress 仪表板中的 Ajax Search Lite 选项,然后使用“在自定义帖子类型中搜索”选项来选择符合条件的内容:

页面最下方还可以选择插件搜索内容部分。默认情况下,它会在你的内容中搜索用户的关键字:

但你也可以让它搜索:

第二步:选择如何在建议结果中显示内容

默认情况下,插件会显示很多信息在建议结果中。它包括:

  1. Title
  2. Excerpt
  3. Featured Image

这里是默认的例子设置将如下所示:

但是,您可以完全控制显示的信息。

如果您想控制图像(或将其关闭),请转到“图像选项”选项卡。您可以关闭在结果中显示图像吗?禁用图像的选项。或者,您可以使用其他选项更改它:

  • 图像大小
  • 图像来自哪里

同样,如果你去布局选项→结果布局,你可以控制文字信息准确显示内容:

第 3 部分步骤:配置搜索框外观

此插件的工作方式之一是用您自己的设计替换主题的搜索框,因此您需要确保插件的搜索框设计匹配您现有的主题。

要控制它,请转到“布局选项”并使用主题来自定义搜索框的外观:

您也可以根据需要手动更改页面下方的颜色。

第 4 步:添加搜索框(或替换您的主题的搜索框)

好的 – 现在您已准备好将 WordPress 自动完成功能添加到您的网站。

该插件为此提供了三个选项:

  1. 替换主题搜索 – 使用此选项,该插件将覆盖您的主题的搜索功能。例如,如果您选择使用该插件,它会将常规的 WordPress 搜索小部件替换为自己的搜索框和功能。
  2. 简码 – 您可以将简码放在您希望搜索表单出现的任何位置(您可以在页面、帖子、侧边栏小部件等中使用简码)
  3. PHP 功能 - 如果您更喜欢编辑主题代码,您可以使用子主题将搜索功能直接添加到主题的模板文件中。

此插件在页面顶部为您提供短代码和 PHP 函数。您可以在“常规选项”选项卡中打开搜索和替换设置:

例如,您可以在下方看到两个搜索框。页面内容中的搜索框是使用短代码添加的,而侧边栏中的搜索框使用常规的 WordPress 搜索小部件和插件的“替换主题搜索”功能:

就是这样!您的访问者现在可以在您的网站上享受 WordPress 自动完成搜索。

第 5 步:进一步完善插件的工作方式(可选)

如果您想进一步改进,该插件包含许多设置,可让您更好地控制 WordPress Live Search 方式工作。

这些设置是可选的——也就是说,即使您跳过此部分,您的实时搜索仍然有效。

但是如果你想要更多的控制,这里有一些有用的方法来调整......

调整自动完成

插件默认打开搜索自动完成功能.但如果你想改进它的工作方式,你可以转到常规选项→自动完成和建议:

为访问者提供过滤选项

如果您想让访问者对搜索结果有更多的控制权,您可以添加过滤选项以允许users :

  • 搜索某物,例如帖子的标题
  • 搜索特定类别

这是一个示例:

打开这些选项,进入前端选项区:

选择插件如何处理关键字

如果您想更改插件显示其结果的方式,常规选项 → 行为区域可让您:

  • 显示仅完全匹配 - 启用后,自动建议结果必须完全匹配用户的关键字(有点像在谷歌搜索时使用引号)。
  • Keyword Phrase Logic – 为您提供另一种方式来控制插件如何匹配结果。

更改结果顺序

默认情况下,插件按相关性对其建议进行排序。但是,如果您愿意,可以更改此行为以按以下方式对结果进行排序:

要进行此更改,请转至常规选项 → 排序:

现在开始使用WordPress实时搜索建议吧!

自动完成和自动建议是改进 WordPress 网站搜索功能的两种好方法。

要将 WordPress 自动完成搜索添加到您的网站,Ajax Search Lite 是一个不错的选择,而且不会花费您一分钱。

要开始使用该插件,您需要做的就是:

  • 选择要包含在建议中的内容
  • 配置为显示每个建议什么信息
  • 选择搜索框的外观
  • 使用包含的三个选项之一在您的前端网站上显示您的搜索框