在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主题框架是什么 1、WordPress主题框架优点 (1)大量的内置功能:从广泛的代码库和自定义挂钩到预制的小部件和拖放功能,可以简化和加快开发速度。 (2)更高效:WordPress主题框架使用最佳开发实践构建,按照严格的…

    开发教程 2024年 12月 10日
  • Shopify AB测试

    Shopify A/B测试如何进行

    Shopify A/B测试如何进行?首先需要确保创建Shopify A/B测试SMART假设,之后还要有效安排测试时间,不可过短,最后还需要确保A/B测试具有统计显着性。本文并在文末向大家推荐了三款Shopify A/B测试工具,供大家测试Shopify跨境电商独立站使用。 一、A/B测试是什么 A/B测试也称为分割测试,是比较同一网页、电子邮件或其他数字资产的两个版本,以确定哪个版本在用户行为方面表现更好的过程。 这是改善营销活动表现和更好理解目标受众转化的有用工具。A/B测试能够回答重要的商…

    开发教程 2025年 8月 4日
  • 安装并激活SeedProd网站构建器插件

    WooCommerce独立站维护模式设置教程

    使用WordPress+WooCommerce搭建外贸独立站时,有时商家会进行网站的改版或更新等工作,这时为了让网站更加顺利的进行访问,就不得不启用WooCommerce独立站的维护模式,但是对于一些不熟悉WooCommerce代码知识的用户来说,此过程可谓是一头雾水,但是为了让小白都能进行独立站维护模式的设置,所以下文将基于此为大家介绍如何使用WooCommerce插件进行独立站维护模式的设置。 一、安装WooCommerce维护插件 安装并激活SeedProd WordPress插件。 导航…

    开发教程 2025年 1月 24日
  • 打开主域名工具

    在子域名上安装WordPress的两种方法

    外贸建站时,有时为了扩展网站内容,又或者是为了测试新网站,需要在子域名上安装WordPress,所以下文将基于在子域名上安装WordPress的具体教程展开,为大家介绍其中的步骤,以供各位参考。 一、用cPanel在字域名上安装WordPress 1、在cPanel中添加子域 首先需要把子域名添加到cPanel,具体怎么做取决于自己的主机用的是哪个版本的cPanel。 较早的cPanel版本(版本106或更低)提供专用的子域接口,较新的 cPanel 版本(版本 107 或更高)已移除了该独立接…

    开发教程 2025年 12月 2日
  • 安装WordPress幻灯片插件

    WordPress建站教程:WordPress幻灯片设置

    在外贸建站的过程中,有些商家会选择使用WordPress幻灯片为网站页面增加一定的动感和可观性,进而提高网站与访客的互动性,那么这一步骤对于一些新手用户或者不懂代码的小白来说,可能过于生涩难懂,所以下文将为大家介绍一种简易的方法为大家介绍WordPress幻灯片设置步骤。 一、安装WordPress幻灯片插件 首先进入WordPress独立站的仪表板并在左侧菜单上找到“插件”选项卡,然后单击“添加新”,然后在搜索栏中输入滑块的名称“Smart Slider 3”。 单击“立即安装”,然后单击“激…

    开发教程 2024年 10月 18日
  • shopify payments综合指南

    Shopify Payments综合指南(是什么、优缺点及设置教程)

    Shopify Payments是商家搭建Shopify跨境电商独立站时,经常听到的一个支付选项。那么Shopify Payments是什么、它的优缺点有哪些以及怎么设置呢?下文将依次围绕这三个问题展开解释,帮助各位商家对Shopify Payments有一个清晰的了解。 一、Shopify Payments是什么 Shopify Payments是Shopify平台内部的跨境支付方式,可以充当Shopify商店的默认集成支付网关。从客户填写信用卡信息的那一刻起,它就负责管理所有步骤,直到资金已…

    开发教程 2025年 11月 14日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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