在WordPress外贸建站的过程中,大多数情况下为了优化用户的网站访问体验,会添加文章和页面的筛选功能,以帮助用户更精准的搜索到自己所需的内容。下文将基于此为大家介绍如何通过付费和免费插件来实现WordPress筛选文章和页面的功能设置,希望可以为各位提供一定的操作指导。

一、WordPress为什么设置文章和页面筛选功能

用户是否曾访问过一个内容泛滥的WordPress独立站,却苦于找不到所需内容?这对用户来说可能是一次令人沮丧的经历,甚至可能导致他们完全放弃访问自己的网站。

最终这可能会对搜索引擎优化产生负面影响,因为搜索引擎将用户体验视为排名因素,一个跳出率高、用户参与度低的网站可能会被搜索引擎视为价值较低的网站。

幸运的是,有一个简单的解决方案就是在WordPress独立站上实现搜索和筛选功能,这个强大的工具允许用户根据特定标准缩小内容范围,使他们轻松找到所需的内容。

搜索和筛选功能不仅适用于WordPress 博客,它也非常适合拥有数千个帖子的论坛等网站,这样用户可以通过主题、日期或作者来搜索正确的讨论。或者如果有一个播客网站,听众可以使用该功能查找他们偏好的节目。

考虑到这一点,下文将向用户展示 3 种简单的方法,让用户在WordPress独立站上过滤帖子和页面,如果需要相关指南,请各位仔细阅读以下内容。

二、WordPress筛选功能设置文章和页面教程

1、使用SearchWP插件过滤帖子和页面(推荐)

SearchWP 是一个功能强大的WordPress筛选插件,是向网站添加过滤功能的首选,该插件用户友好是初学者的绝佳选择。

(1)安装和设置 SearchWP

首先需要安装并激活 SearchWP 插件。激活后,可以转到 SearchWP -设置。然后在“常规”选项卡中,输入许可证密钥以激活它。

输入许可证密钥

现在可以前往 SearchWP – 算法。在这里可以编辑默认搜索引擎或创建其他搜索引擎。

  • 默认引擎允许用户搜索页面、帖子、媒体文件和评论,这对于典型的 WordPress 博客来说非常有用。
  • 其他搜索引擎可以使用其他来源,如类别、标签、自定义帖子类型和自定义分类法。这对于创建非博客内容搜索和筛选表单可能很有用,例如 WooCommerce 网站的电子商务产品筛选器。

在本教程中将使用默认引擎,并简单地调整其设置,要做到这一点,可以点击来源和设置。

输入许可证密钥

由于正在创建一个搜索和过滤函数来过滤帖子和页面,因此只将页面和帖子作为 WordPress 搜索引擎的来源。此外还可以还启用“关键字词干”功能,即使关键字不完全匹配,SearchWP 也可以显示结果,对设置感到满意后,只需单击“完成”。

默认引擎设置

(2)微调搜索引擎

现在将看到选择的所有来源的部分(在本例中,只是帖子和页面)。每个源都有用于“适用属性相关性”的滑块,这些滑块决定了 SearchWP 在对搜索结果进行排名时为每个属性赋予多少权重。简单来说,与高权重属性密切相关的内容将在搜索结果中显示得更高。

例如如果赋予“帖子内容”属性比“帖子标题”属性更大的权重,SearchWP 将优先考虑搜索词出现在内容本身内的结果。

拉动滑块进行帖子页面权重设置

可以根据自己的喜好调整这些滑块,也可以单击“添加/删除属性”。

单击“添加/删除属性”
这将显示一个弹出窗口,包含或删除更多属性,例如可以包含自定义分类或自定义字段以使其可搜索。

自定义分类或自定义字段

另一个强大的功能是能够创建在搜索结果中包含或排除特定内容的规则,为此只需单击Edit Rules按钮。

单击Edit Rules按钮
此设置允许用户过滤掉不相关的内容或突出显示特定类别,在下一个弹出窗口中,可以单击“添加规则”。

点击“添加规则”
现在只需单击下拉菜单并选择“仅在以下情况下显示条目”或“在以下情况下排除条目”。然后可以选择是排除还是包含内容(如果内容是特定分类的一部分)、在特定日期范围内发布或具有特定 ID。

要添加其他规则,只需单击“添加规则”按钮并重复上述相同过程,当对规则的设置方式感到满意时,请继续并单击“完成”。

单击“添加规则”按钮
如果需要可以对其他搜索条目源重复相同的过程,当对搜索引擎调整结果感到满意时,可以返回页面顶部并单击“保存”。

点击保存
SearchWP 现在将重建索引,这可能需要几分钟时间,一旦看到“索引状态 100%”,这意味着 SearchWP 已为搜索引擎索引了所有内容和规则。

SearchWP 重建索引进度条
(3)构建自定义搜索表单

现在搜索引擎已配置完毕,现在可以创建一个带有过滤选项的用户友好型搜索表单。首先前往 SearchWP – 搜索表单,然后点击“添加新表单”。

点击“添加新表单”

在这个屏幕上,要做的第一件事是为表单指定一个可识别的名称,这仅供内部参考,因此名称可以是用户容易记住的任何内容。

为表单指定一个可识别的名称
然后选择一个布局,在本教程中,将使用 Combined 选项,因为它提供了最多的过滤菜单。

选择布局
现在可以向下滚动到 ‘自定义样式’ 部分并选择 ‘类别搜索’ 和 ‘高级搜索’ 选项,这可确保表单包含所有筛选功能。

如果想在搜索栏下方添加一些建议的搜索词,可以选择“快速搜索”,然后在 ‘Engine’ 菜单中,将选择之前创建的搜索引擎。至于“结果”,可以选择要使用的搜索结果页面,默认的 WordPress 结果或 SearchWP 的版本。

自定义样式'部分设置

  • 在 ‘搜索类型’ 中,选择 ‘帖子’ 和 ‘页面’ 。
  • 之后可以添加要包含在过滤器菜单中的类别名称。
  • 对于“字段标签”,请继续输入出现在搜索字段中的占位符文本,例如“您在寻找什么?

搜索类型、字段标签设置

如果之前选择了“快速搜索”,则可以在“快速搜索项”中包含用户可能经常搜索的术语,在“高级搜索过滤器”中,只需选择要为用户提供的过滤选项,例如“作者”、“帖子类型”或“标签”。

快速搜索和高级搜索设置
最后在 ‘Form Style’ 和 ‘Button Style’ 中,继续自定义筛选表单的外观以匹配网站的设计,例如可以更改搜索表单的颜色、字体和形状。

自定义筛选表单的外观
一切设置完成后向上滚动,然后点击 ‘Save’ 来创建搜索表单了。

点击“保存”

(4)嵌入搜索和筛选表单

SearchWP 插件允许用户轻松地将搜索表单嵌入到网站的前端,例如主页或小部件区域。在本文将演示如何使用 WordPress 块编辑器和 Search Form 块将其添加到页面。

首先可以打开要添加表单的页面或文章,然后单击“+ ”图标并搜索“搜索表单”。

单击“+ ”图标

在 ‘Block Settings’ 侧边栏中,将从下拉菜单中选择创建的表单,最后单击“发布”或“更新”即可实时查看搜索表单。

从下拉菜单中选择创建的表单

或者可以使用短代码显示表单,为此需要通过转到 SearchWP – 搜索表单并复制“简码”列中的代码来找到特定表单的简码。

如果需要帮助,这里有一份关于如何在WordPress添加短代码的指南。

搜索表单并复制“简码”列中的代码

有了搜索表单和过滤选项,访问者现在可以轻松地在网站上找到他们正在寻找的内容。这不仅可以改善用户体验,还可以鼓励他们探索不同的类别并发现更多有价值的内容。

2、Search / Filter插件(免费)

如果正在寻找一种快速简便的方法在WordPress独立站博客页面上启用搜索和过滤功能,这是一个不错的选择。

用户需要做的是安装并激活搜索和过滤插件,激活后,插件将在WordPress管理区域添加一个名为’搜索和过滤’的新菜单项,单击它将带用户进入插件的使用页面,其中包含有关如何使用它的详细文档。

单击“搜索与筛选”新菜单项

搜索和过滤插件附带一个接受不同参数以显示过滤选项的短代码,可以在帖子、页面或文本小部件中使用此短代码:

[searchandfilter fields="search,category,post_tag"]

这将显示带有 search、category 和 tag 字段的筛选选项:

显示带有 search、category 和 tag 字段的筛选选项

该插件很酷的地方在于可以通过编辑简码标签来自定义可用的过滤选项,例如如果想在搜索栏中包含类别、标签、帖子类型和日期字段,则需要使用此短代码:

[searchandfilter fields="search,category,post_tag,post_types,post_date"]

这是它的样子:

在搜索栏中包含类别、标签、帖子类型和日期字段
如果不想使用下拉菜单,则还可以使用复选框并为每个字段添加标签,下面的短代码中告诉插件显示带有类别选项复选框的搜索栏:

[searchandfilter headings="Select categories:" types="checkbox" fields="category"]

请看下面的例子:

在搜索栏中包含类别、标签、帖子类型和日期字段

此外可以告诉插件在一个短代码中使用某些过滤器选项的复选框和其他过滤器选项的下拉菜单。以下是用来在搜索栏中包含帖子类型、类别和标签的简码,要求插件使用 post types 选项的复选框:

[searchandfilter headings="Post type, Category, Tag" types="checkbox, select, select" fields="post_types,category,post_tag"]

在搜索栏中包含帖子类型、类别和标签

推荐阅读:

WordPress页面布局怎么做?WordPress页面布局插件推荐

WooCommerce产品排序插件有哪些?

WordPress编辑器插件 WordPress编辑器推荐

相关文章

  • PHP

    如何安装并配置PHP集成开发环境?

    各位开发人员既可以通过手动安装PHP开发环境,也可通过XAMPP、WAMPServer等一些IDE进行配置。PHP集成开发环境又被称为PHP编辑器,极大地简化了Web开发的流程,通过在一个平台进行编辑、测试、调试等操作,实现了代码开发效率和质量的提高。而本文接下来将为大家介绍如何进行PHP集成开发环境的安装,帮助各位外贸建站的开发人员更好的实现代码的编写。 一、安装PHP集成开发环境的方法 1、手动安装PHP及相关服务器环境 Apache或Nginx:Apache和Nginx是最常用的Web服务…

    开发教程 2024年 7月 25日
  • 在 WordPress 上安装插件

    将Google Analytics添加到WooCommerce简单操作指南

    为了实现跨境电商独立站的分析功能,必须将 Google Analytics 与 WooCommerce 平台集成,了解如何将Google Analytics添加到 WooCommerce将使用户能够跟踪重要指标,例如用户行为、转化率和营销活动效果,以优化网站的绩效并增强用户体验。通过正确的设置,将能够监控网站的流量并做出明智的改进以提高销售额和客户满意度。 一、Google Analytics是什么 Google Analytics是一个强大的工具,可让商家深入了解网站的流量和用户行为。通过使用…

    开发教程 2025年 4月 28日
  • 点击添加产品按钮

    Shopify独立站建站教程:产品上架

    Shopify产品上架是商家在搭建Shopify跨境电商独立站极易忽视的优化细节,多数卖家因缺乏系统方法,经常会遗漏SEO优化、库存跟踪等关键环节,导致曝光不足、转化率低。本文聚焦这一痛点,以全流程实操框架,拆解从信息填写到发布的专业要点,帮卖家规避误区、规范流程,既让新手快速上手,也助力老手提高转化! 一、登录Shopify账户 如果还没有Shopify商店,点击查看《Shopify注册流程及注意事项》相关注册教程。 或者如果已经有Shopify账号,登录Shopify管理仪表盘,向商店添加新…

    开发教程 2026年 1月 6日
  • 个人搭建摄影网站

    个人如何搭建一个摄影网站

    个人如何搭建一个摄影网站?个人搭建一个摄影网站,首先需要选择域名和托管服务,之后通过一键安装WordPress来实现独立站建站平台的顺利搭建,接着需要安装下载合适的摄影主题和插件,以保障网站的正常功能的设置与实现,最后则是通过配置电子商务功能、社交媒体账号设立和反向链接的建设,实现摄影网站的成功搭建。 一、个人如何搭建一个摄影网站 1、选择域名和托管 域名是网站的数字地址。这是潜在客户和网站访问者找到自己网站的方式。选择适合的域名以反映摄影风格、利基或品牌形象,此外域名还应该简短、令人难忘且与自…

    开发教程 2025年 8月 14日
  • Web开发

    网站开发初学者指南:网页开发基础知识

    Web 开发不仅仅是标记和编码。它是一种艺术形式,是将想法变为现实的一种方式。虽然 Web 开发通常是指 Web 标记和编码,但网站开发包括所有相关的开发任务,例如客户端脚本、服务器端脚本、服务器和网络安全配置、电子商务开发和内容管理系统 (CMS) 开发。 一、为什么Web开发很重要 我们所在的世界有超过53 亿人通过互联网连接吗,这占全球人口的一半以上,通过这个令人难以置信的数字宇宙积极参与研究、联系、教育和娱乐。 鉴于互联网用户数量的快速增长,网络开发成为一个快速发展的行业也就不足为奇了。…

    开发教程 2024年 5月 22日
  • 单击 Theme Functions

    Woocommerce商城设置注册页面详细指南

    在使用Woocommerce和WordPress进行外贸建站时,大多数站长会选择通过自定义顾客登录和注册页面来增强用户体验,以更好的收集顾客信息,以做好网站的运营推广。所以下文将基于Woocommerce商城设置注册页面这一问题为各位站长具体介绍其中的详细过程,以供不熟悉操作的商家提供一个过程参考。 一、使用hooks设置Woocommerce商城注册页面 WooCommerce hooks提供了一种灵活且安全的方式来自定义Woocommerce商城注册页面,而无需直接编辑主题文件。 1、登录到…

    开发教程 2024年 12月 20日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部