在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编辑器推荐

相关文章

  • WordPress降版本

    WordPress怎么降版本

    WordPress怎么降版本?尽管更新WordPress版本通常会修复以前的安全问题并优化WordPress的功能,但新版本有时会引发主题损坏、性能下降、插件冲突或关键功能缺失等外贸建站问题,尤其在使用老旧或非托管插件与主题时更为常见。此时降级到兼容性更佳的旧版WordPress成为必要选择。 一、为什么WordPress需要降级 降级WordPress乍一听似乎有点反常,毕竟更新旨在修补安全问题、增加新功能并提升平台整体性能。但是有时候最新的WordPress版本却带来了明显多于好处的问题,这…

    开发教程 2026年 2月 19日
  • 选择统一费率

    WooCommerce运费设置

    WooCommerce作为WordPress外贸建站生态的一部分,WooCommerce运费设置是商家在建站过程中不可忽视的一部分,那么商家到底该如何在WooCommerce中添加运费并配置高级运费选项呢?下文将为大家展示具体步骤,通过WooCommerce运费的合理设置,商家可以有效地管理运输成本,提供有竞争力的运费,并增强在线商店的整体客户体验。 一、了解WooCommerce不同类型的运费 在深入了解添加运费的具体方法之前,可以先花点时间了解WooCommerce中可用的不同类型的运费: …

    开发教程 2024年 10月 8日
  • 查看所做的自定义更改

    WooCommerce产品图像尺寸如何设置

    WooCommerce产品图像尺寸如何设置?WooCommerce产品图像尺寸通过网站后台的图片编辑功能即可完成。在搭建跨境电商独立站时,图片占据网站的大半部分内存,因此优化图片大小并进行正确合适的WooCommerce产品图像尺寸设置,是提高网站加载速度的重要手段。接下来将详细介绍WooCommerce产品图像的标准尺寸、如何设置以及如何评估图像大小的有关内容。 一、WooCommerce标准图像尺寸 以下是 WooCommerce 建议的图像尺寸细分。 主图:产品页面上的大图,通常为 800…

    开发教程 2025年 9月 17日
  • 跨境独立站504错误代码

    跨境独立站504错误代码含义、产生原因及解决方法

    跨境独立站504错误代码是网站显示为“504 Gateway Time-out”的一种HTTP状态代码,在搭建跨境电商独立站时,如果服务器或者是网站插件发生错误,就会发生这种问题。504错误代码的产生不仅会导致网站不能及时响应用户请求,还会阻止搜索引擎的对网站的爬取,长此以往,网站甚至可能会从搜索结果中完全消失。 因此及时处理和解决 504 错误以保护网站安全和进行SEO优化至关重要,下文也将基于此展开跨境独立站504错误代码的含义、产生原因及解决方法的内容,供大家参考。 一、跨境独立站504错…

    开发教程 2025年 8月 20日
  • 访问Shopify设置和付款

    Shopify独立站建站教程:Stripe收款设置

    Stripe是一个使用范围和覆盖范围较广的支付平台,多数商家在搭建Shopify跨境电商独立站时会选择将Stripe添加到店铺中作为Shopify收款的一部分。为了帮助各位商家了解Shopify独立站建站过程中Stripe收款的设置步骤,下文将围绕该问题,具体介绍单独添加Stripe收款和通过Shopify Payments添加Stripe付款的过程。 一、通过模块设置Shopify Stripe收款 将 Stripe 集成到 Shopify 商店中的最快、最有效的方法是通过模块安装,下面是详细…

    开发教程 2025年 10月 29日
  • 填写名称、在用的邮箱地址、设置密码

    Shopify企业邮箱Zoho注册登录教程

    在使用Shopify搭建跨境电商独立站的过程中,商家使用企业邮箱进行邮件营销,可以给予用户更高程度的专业感和信任度。目前Zoho邮箱因为免费的价格和较高的送达率在跨境商家中比较受欢迎,所以下文将为大家具体介绍Shopify企业邮箱Zoho注册登录教程,讲解如何注册Shopify企业邮箱Zoho并绑定网站域名。 一、注册Shopify企业邮箱Zoho免费账号 Zoho 也有中文网站,不过不提供免费版注册。所以先访问英文版网站注册账号,注册后将语言改为中文即可。填写名称、在用的邮箱地址(用于接收注册…

    开发教程 2025年 5月 12日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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