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

是否要将实时 Ajax 搜索添加到您的 WordPress 网站?

向 WordPress 添加即时搜索功能改进了默认站点搜索,让您的访问者更容易找到他们正在寻找的页面和帖子.

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

How to add live Ajax search to your WordPress site (the easy way)

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

实时 Ajax 搜索(也称为即时搜索)通过添加在 Google 等搜索引擎中很常见的下拉菜单和自动完成功能来改善默认的 WordPress 搜索体验.

这是一个实际的例子:

Google search live example

实时搜索会在用户键入时猜测他们正在搜索的内容,并帮助他们更快地找到相关内容.这是对默认 WordPress 搜索的巨大改进.

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

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

使用 WordPress 插件向 WordPress 添加 Ajax 搜索

将 Ajax 实时搜索添加到 WordPress 的最简单方法是使用 SearchWP 插件.它是市场上最好的 WordPress 搜索插件,被 30,000 多个网站使用.

SearchWP

此插件不仅可以为帖子内容编制索引,还可以为您网站上的所有内容编制索引,例如自定义字段、PDF 文档、文本文件、WooCommerce 产品等.

对于本教程,您可以使用免费的 SearchWP Live Ajax Lite Search 插件,因为它会自动启用 Ajax 实时搜索.

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

激活后,默认的 WordPress 搜索表单现在将自动包含 Ajax 实时搜索功能.

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

由于任何活动搜索栏现在都具有实时搜索功能,您要做的就是决定希望它们显示在何处.

下面您将学习如何将实时搜索栏添加到 WordPress 网站上的常见位置.

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

添加搜索栏的最受欢迎的区域之一是 WordPress 侧边栏.这使您的访问者无论在您网站上的哪个位置都可以轻松进行搜索.

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

Customize widget blocks

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

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

只需点击侧边栏部分下方的"+"图标即可.

Add sidebar widget block

然后,在搜索栏中键入"SearchWP"并单击"SearchWP Live Search"图标.

这会自动将实时 Ajax 搜索小部件插入您的侧边栏中.

Add SearchWP live search widget

您可以自定义标题部分以更改搜索框的标题.完成后,点击"更新"按钮保存更改并使搜索栏生效.

Customize and save live search widget

现在您的所有网站访问者都可以使用您的实时搜索栏.

Live widget search example

您可以按照相同的过程将实时搜索栏添加到您网站的任何其他小部件区域.要将其添加到您的导航菜单区域,请参阅我们关于如何将搜索栏添加到您的 WordPress 菜单的指南.

向 WordPress 页面添加实时 Ajax 搜索

您可能还想向网站的其他页面添加实时 Ajax 搜索框.例如,您可以有一个存档页面,让访问者可以搜索您的内容.

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

首先,转到页面»所有页面,然后点击您要编辑的页面.

Open up WordPress page

打开页面后,单击页面编辑器屏幕上的"+"图标.

这将调出块菜单.

Add new page block

接下来,在框中输入"搜索",然后点击"搜索"图标将其添加到您的页面.

它会自动为您放置搜索栏.

Select search block

您还可以自定义搜索标题和搜索框内的占位符文本.

之后,请务必点击页面右上角的"更新"按钮.

Save live search block on page

现在,您的访问者可以使用您网站上的实时搜索栏快速找到他们要查找的内容.

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

Live search page example

自定义即时 WordPress 搜索结果

SearchWP 是一个非常通用的搜索插件,它不仅仅是发布内容,还可以索引您网站上的所有内容,包括自定义字段、ACF 字段、文本文件、PDF 文档内容、自定义表格、自定义分类法、WooCommerce 产品属性等.

专业版的 SearchWP 插件可让您通过创建自己的相关度和调整算法来完全自定义您的搜索结果,而无需编写任何代码.

SearchWP Custom Engines

您还可以获得指标功能,让您可以查看访问者正在搜索的内容,以及许多其他强大的功能,可进一步改进您的现场搜索功能.

我们希望本文能帮助您了解如何将实时 Ajax 搜索添加到您的 WordPress 网站.您可能还想查看我们关于如何选择最佳域名注册商的指南,以及我们为小型企业选择的最佳网络研讨会软件的​​专家选择.

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/6703.html

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