你想添加实时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插件。
和
RSS