如何创建自定义WordPress搜索表单

搜索是大多数用户在您的网站上查找内容的方式。如果他们无法轻松找到他们正在寻找的内容,那么他??们可能会转到另一个网站。在本教程中,我们将逐步向您展示如何通过创建自定义WordPress搜索表单来改进您的网站搜索。默认的WordPress搜索功能非常有限,并不总能找到最相关的内容。随着您向网站添加更多内容,您将需要

搜索是大多数用户在您的网站上查找内容的方式。如果他们无法轻松找到他们正在寻找的内容,那么他??们可能会转到另一个网站。

在本教程中,我们将逐步向您展示如何通过创建自定义WordPress搜索表单来改进您的网站搜索。

create-custom-wordpress-search-form-og.pngo_

默认的WordPress搜索功能非常有限,并不总能找到最相关的内容。

随着您向网站添加更多内容,您将需要更好的方法来帮助您的网站访问者轻松找到您网站上的内容。

如果您经营在线商店或会员网站,您希望用户在其中找到合适的产品或课程,这一点就变得更加重要。

您可能还想自定义搜索算法以显示高于其他内容的特定内容,或自定义搜索表单的外观。

话虽如此,让我们来看看如何自定义WordPress搜索表单和结果页面。我们将介绍两种方法,您可以使用以下链接进行选择:

SearchWP是WordPress最好的自定义搜索插件。它易于使用,可让您完全控制搜索结果,并且比默认的WordPress搜索更准确。

第一步是安装SearchWP插件。激活后,您需要访问设置 ? SearchWP页面,然后单击“License”菜单选项。

searchwp-license-key-1.pngo_

然后,在“License”框中输入您的许可证密钥,然后单击“Activate”按钮。您可以在SearchWP网站上的帐户中找到此信息。

自定义搜索引擎

完成后,您需要单击“Engines”菜单选项。在那里,您应该单击“Add New”按钮以创建新的搜索引擎。

searchformsearchwpaddnewengine.pngo_

这将创建一个名为“supplemental”的新搜索引擎。要更改名称,您需要单击“Sources & Settings”按钮。

searchformsearchwpsupplementalengine.pngo_

这会将您带到一个页面,该页面还允许您选择是否搜索文章、页面、媒体文件、评论和用户。我们将保留默认设置。

我们将搜索引擎的名称更改为“Custom”。继续并将其输入到“Engine Label”字段中。

searchformsearchwpeditsettings.pngo_

请注意,已为您选择了“Keyword Stems”选项。当您的用户进行搜索时,这将忽略词尾,以便显示最相关的搜索结果。

完成后,请确保单击“Done”按钮。

搜索引擎的设置页面包含文章、页面、媒体和用户部分。在每个部分,您可以优先考虑不同的文章属性,或者在搜索结果中仅包含某些类别或标签。

您可以通过调整“Attribute Relevance”滑块来做到这一点。

这些改变了搜索引擎对内容的评价和排名方式。例如,如果您希望文章标题的权重高于内容,那么您可以相应地调整滑块。

您应该完成每个部分并对您喜欢的滑块进行任何调整。

searchformsearchwppostsattributes.pngo_

您还可以为每个部分创建规则,以确定是在搜索结果中包含还是排除某些内容。

例如,您可以让访问者轻松搜索与他们刚刚阅读的主题相同的内容。或者在在线商店中,您可以帮助您的客户快速找到同一类别的其他产品。

继续并单击文章部分中的“Edit Rules”按钮。

您会注意到,您可以创建有关文章类别、标签和格式、发布日期和文章ID的规则。

searchformsearchwpruleform.pngo_

您可能希望让访问者搜索特定的网站类别。例如,您可以向存档页面添加类别搜索功能,以帮助访问者快速找到他们正在寻找的内容。

要了解如何执行此操作,请参阅有关如何在WordPress中按类别搜索的教程中的方法 1?。

完成自定义默认搜索引擎设置后,请务必单击页面顶部的“Save Engines”按钮以创建自定义搜索引擎。

searchformsearchwpsaveengines.pngo_

添加带有简码的搜索表单

SearchWP Shortcodes Extension简化了将新的自定义文章搜索表单添加到WordPress网站的工作。

只需访问SearchWP Shortcodes Extension网站,然后单击“Download available with active license”按钮即可。

download-shortcodes-extension.pngo_

之后,您需要按照安装上述插件的相同方式安装和激活扩展。

现在,您可以使用短代码将自定义搜索表单添加到您的文章、页面和小部件。如果您之前没有使用过短代码,那么您可以在我们的初学者指南中了解更多关于如何在WordPress中添加短代码的教程。

只需编辑文章并将光标放在要添加搜索表单的位置。之后,单击加号“?+?”添加块图标以显示块菜单。

searchformsearchwpaddcustomhtmlblock.pngo_

接下来,在搜索框中键入“html”,然后单击“自定义HTML”块以将其添加到文章中。

添加新块后,您应该将以下短代码和HTML粘贴到其中。

此代码会将您的自定义搜索表单添加到文章中,创建一个部分来显示搜索结果,如有必要显示无结果消息,并在结果进入多个页面时添加分页。

如果您为搜索引擎指定了不同的名称,则需要在四个位置更改为您自己的引擎名称。

您还可以选择通过编辑将搜索按钮上的文本更改为更具描述性的内容。其余代码可以保持不变。

确保您单击发布或更新以保存您的文章并使其生效。

searchformsearchwpupdatepost.pngo_

要查看正在运行的搜索表单,只需查看WordPress网站上的文章即可。这就是它在我们运行二〇二一主题的演示站点上的外观。

searchformsearchwppreview-2.pngo_

添加实时Ajax搜索

实时Ajax搜索通过在用户键入查询时自动提供下拉搜索结果来改进您的搜索表单。

live-search-page-example-1.pngo_

将Ajax实时搜索添加到WordPress的最简单方法是免费的SearchWP Live Ajax Lite搜索插件,因为它会自动启用实时搜索。

有关如何安装它的分步说明,请参阅我们关于如何将实时Ajax搜索添加到您的WordPress站点的指南。

使用SearchWP的高级设置

现在您应该导航到设置 ? SearchWP并单击Advanced选项卡。在此页面上,您可以启用一些设置,让您的用户更容易找到他们要查找的内容。

searchformsearchwpadvanced.pngo_

选中您想要的任何这些选项:

  • 部分匹配(Partial matches)还将显示与正在搜索的术语不完全匹配的结果。
  • Automatic “Did you mean?” corrections会建议一个略有不同的搜索词,以匹配您网站上的更多文章。
  • Support “quoted/phrase searches”将允许您的用户在搜索确切短语时使用引号。
  • Highlight terms in results将使您的访问者更容易在搜索结果中找到他们正在寻找的内容。

设计搜索表单和结果页面

您的WordPress主题控制您网站的外观,包括搜索表单和搜索结果页面。它们将WordPress网站所有元素的格式规则存储在CSS样式表中。

您可以添加自己的自定义CSS来覆盖主题的样式规则。

如果您以前没有这样做过,请参阅我们关于如何在WordPress中添加自定义CSS的文章。例如,这里有一些适用于大多数主题的自定义CSS。第一部分更改搜索表单的样式,第二部分自定义搜索结果。

您可以更改代码中的格式以适合您自己的站点。您还可以删除任何不想修改的行。例如,如果您不想更改搜索表单的高度和宽度,则只需删除这些行即可。

以下是我们的演示网站在添加自定义CSS之前和之后的屏幕截图。

searchformsearchwpstylepreview.pngo_

设置好自定义WordPress搜索表单后,下一步就是衡量结果。

SearchWP带有一个搜索指标扩展,可以准确地显示您的网站搜索的执行情况。

searchwp-metrics.pngo_

您还可以使用搜索指标通过提升获得更多点击次数的结果来自动改进搜索结果。

我们希望本教程能帮助您学习如何创建自定义WordPress搜索表单。

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午5:04
下一篇 2025年3月13日 下午5:05

相关推荐

  • 如何将WordPress文章发布日期重置为当前日期?

    默认情况下,WordPress将文章的已发布数据存储为元数据。主题和插件可以使用日期显示在文章标题和存档页面上。您是否曾经想将文章的发布日期重置为当前日期?在本文中,我们将解释如何使用不同的方法将Wo

    2025年3月13日
  • WordPress 如何新增新的文件类型支持

    1. 通过 wp-config.php 添加新的允许的文件类型 要在 WordPress 站点的 wp-config.php 文件中启用 ALLOW_UNFILTERED_UPLOADS 选项,允许您将任何文件类型上传到媒体库,请按照以下步骤操作。 在进行任何更改之前,…

    2025年3月18日
  • 怎么移除WordPress网站链接中的参数?

    最近有几个用户遇到了网址链接被刷广告词的问题,🙄 然后链接竟然还被百度收录了... 比如正常的链接应该是:https://www.wpzhijia.com,被刷了广告词的链接就是:https://www.wpzhijia.com?ad=违规词违规词违规词违…

    2025年3月13日
  • 深入了解WordPress文本编辑器

    当我们在WordPress中创建或编辑文章时,如果把古腾堡编辑器禁用,我们有两个内容编辑器可供选择:TinyMCE可视化编辑器和WordPress文本编辑器。后者由一个由按钮增强的文本区域元素组成,提供了一种将HTML代码注入文章内容的快速方法。用户可以通过单击右上角的标签轻松

    2025年3月13日
  • 开启 PHP 脚本缓存 —— OPCache加速你的wordpress网站

    启用 OPCache a、自搭环境启用方法 默认情况下 PHP 会安装 OPCache,但是不会启用,我们可以通过在 php.ini 中添加如下代码,开启 OPCache。 ; 开关打开 opcache.enable=1 ; 可用内存酌情而定,单位 megabytes opca…

    2025年3月18日
  • 如何创建WordPress导航下拉菜单

    网站导航是帮助您的用户到达他们想去的地方的关键。精心设计的菜单可以大大改善用户体验(UX),甚至降低跳出率。然而,一个制作不良的人可以做相反的事情。幸运的是,WordPress使您能够创建自定义菜单以满足您网站的需求。您甚至可以使用本机功能添加一个紧凑的

    2025年3月13日
  • 什么是WordPress区块及如何使用其自定义您的网站

    WordPress区块提供了一种自定义网站内容和外观的新方法。这些区块允许WordPress用户添加和编辑内容元素,如段落、图像和小部件。当前WordPress版本中有超过90个默认区块可用。它们涵盖文本、媒体、小部件、主题元素和嵌入。除此之外,与

    2025年3月13日
  • 如何在WordPress网站上添加即时聊天功能

    在WordPress网站上添加即时聊天功能既简单又有益。近年来,即时聊天已经有了长足的发展,融入了强大的交流和自动化功能,类似于流行的人工智能聊天机器人。无论您是想提高销售转化率还是将人工智能整合到客户服务流程中,在WordPress网站上使用即时聊天插件或软件都是成功的关键。在本指南中,我们将向您展示即时聊天的好处,介绍

    2025年3月13日