你想添加实时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’按钮。 现在,您的访问者可以使用实时搜索栏快速找到他们正在寻找的内容。 […]

