你想在WordPress中添加实时Ajax搜索吗?学习如何在WordPress中添加即时自动完成搜索,以改善搜索结果和用户体验。

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

即时搜索在访问者输入搜索栏时显示结果,类似于Google的工作方式。这使得访问者更容易找到页面、帖子、产品等。

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

为什么添加Live Ajax搜索到WordPress?

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

这里有一个实时Ajax搜索的例子:

#1#

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

激活插件后,您站点上的每个搜索栏将自动使用实时Ajax搜索。包括您创建的任何自定义WordPress搜索表单。

大多数WordPress主题都有内置的搜索栏,但是你也可以在WordPress网站的其他区域添加一个搜索栏。

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

添加搜索栏最流行的区域之一是WordPress侧边栏。

这允许访问者执行搜索,无论他们在您的网站的哪个位置。

要添加搜索小部件到WordPress,只需转到Appearance»Widgets

这个页面显示了你的WordPress主题中所有不同的小部件准备区域。您看到的选项可能会有所不同,但大多数主题都有侧边栏、右侧侧边栏、左侧侧边栏或类似的部分。

只需单击展开要添加实时Ajax搜索栏的区域。然后,点击‘+’图标。

在弹出的窗口中输入‘然后点击SearchWP Live Search’图标出现时。

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

您可以在搜索栏中输入‘Title’字段。

当你完成后,点击‘Update’按钮保存您的更改,并使Ajax搜索栏在您的WordPress博客或网站上显示。

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

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

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

使用全站编辑器在WordPress侧边栏中添加实时搜索

如果你使用的是基于块的主题,如ThemeIsle Hestia Pro 或Twenty Twenty- three,那么在侧边栏中添加搜索栏的过程会略有不同。

进入 Themes » Editor 打开全站编辑器。

添加搜索栏到你的主题,点击‘+’图标。

在出现的面板中,键入‘Search’

当右边的块出现时,将它拖到侧边栏或类似的部分。

要自定义块标题或占位符文本,只需在搜索块中键入新的消息。

>使搜索栏活。

添加动态Ajax搜索到WordPress页面

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

为此,您需要打开想要添加搜索栏的帖子或页面。在本例中,我们将向您展示如何在WordPress页面中添加实时搜索。

首先,进入Pages»All Pages,然后点击你想编辑的页面。

页面打开后,点击‘+’页面编辑器屏幕上的图标。

这将显示blocks菜单。图>

<

,类型& # 8216;搜索# 8217;然后点击‘搜索’图标,将其添加到页面中。

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

默认情况下,该框有‘标题。您可以通过在标签字段中输入来更改这一点,或者您可以完全删除标题文本。

你也可以输入一个可选的占位符,这是WordPress将在访问者开始输入他们的搜索查询之前显示的文本。

当你对搜索栏的设置满意时,点击‘Update’按钮。

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

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

自定义WordPress即时搜索结果

SearchWP Live Ajax Search集成了内置的WordPress搜索。但是,这个默认搜索非常有限,并且在获得准确结果方面不是很好。

这就是SearchWP的作用。

It’是市场上最好的WordPress搜索插件,被超过30,000个网站使用。

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

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

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

您可以使用这种洞察力来微调您的网站’s搜索设置,并确定您的网站上最受欢迎的内容。这可以帮助你想出访问者感兴趣和搜索的内容。

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

我们希望本文能帮助您了解如何在WordPress站点中添加实时Ajax搜索。你可能也想看看我们关于如何跟踪网站访问者的指南,并且必须有商业网站的WordPress插件。

更多有关于 Wordpress插件技巧

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2023 Tadke.com. 琼ICP备20000547号