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

相关文章

  • shopify自建站教程

    从零开始!Shopify自建站最全教程

    随着SaaS建站的火爆,Shopify凭借功能强大、建站简单的优势受到了众多跨境电商商家的喜爱。越来越多的卖家也会选择Shopify进行跨境电商独立站的搭建,为了帮助小白商家更好的了解Shopify自建站的全部流程,下文将从Shopify独立站账户创建开始,为大家一步步梳理Shopify网站搭建的过程。 一、创建 Shopify 帐户 转到 Shopify.com 并单击右上角的开始免费试用,然后将回答一些关于业务、销售产品、销售地点、正在构建的网站类型以及销售多长时间的问题。之后输入电子邮件和…

    开发教程 2025年 2月 24日
  • CSS网站设计

    如何进行CSS的网站设计与开发?

    各位站长在外贸建站时,可以通过变换生成、掌握Calc()函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具,可以极大程度上,减少前端技术人员代码编写的负担,帮助网站形成一个良好的网站布局。所以,本文接下来将和大家分享在CSS设计中存在的一些巧思,让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率,如灰度PNG,并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案,并且可…

    开发教程 2024年 7月 10日
  • 进入 My Elementor 仪表板

    Elementor编辑器怎么用 WordPress Elementor编辑器教程

    Elementor编辑器怎么用?使用WordPress Elementor编辑器可以帮助商家实现构建页面和超级菜单等目标,此外借助编辑器Pro版本,用户还可以通过使用其内置的AI功能实现文本和代码的自定义创建。为了让各位使用Elementor编辑器进行外贸建站的站长,更加熟练地使用该编辑器,下文将围绕以上所说的Elementor编辑器怎么用的三个方面,为大家介绍具体的图文操作教程。 Elementor编辑器怎么用一:创建页面 如何创建新页面取决您是使用 Elementor Hosting 还是带…

    开发教程 2025年 1月 29日
  • HTTP状态代码大全

    外贸网站建设必备的HTTP状态代码大全

    在外贸建站过程中经常会遇到网站出现以数字开头的状态代码的情况,这些状态代码为独立站的正常运行提供丰富的指导条件,例如1xx 和 2xx 代码代码搜索引擎可以顺利地访问和索引内容,4xx 和 5xx 代码则会阻止搜索引擎抓取和索引网站页面。对于小白来说这些状态代码不仅数量庞大而且难于记忆和理解,所以本文为了帮助大家更好的了解外贸网站建设过程中的HTTP状态代码,接下来将呈现HTTP状态代码的有关内容。 一、HTTP状态代码是什么 HTTP 状态代码是 Web 服务器使用的标准化响应,用于告诉 HT…

    开发教程 2025年 1月 23日
  • 单击“图标”旁边的单选按钮

    WordPress设置社交媒体图标教程

    在WordPress外贸建站的过程中,不少商家为了实现多渠道的品牌营销,会在WordPress独立站上添加社交媒体图标,以提高用户粘性。通常WordPress独立站的社交媒体图标设置有两种方法,一种是通过插件实现,另一种则是通过主题实现,不过第二种方法仅适合使用区块主题的用户。为了在帮助大家更好的进行WordPress社交媒体图标的设置,本文将以Menu Image插件为例,为大家具体展示WordPress设置社交媒体图标的详细教程。 将社交媒体图标添加到 WordPress 菜单的最简单方法是…

    开发教程 2025年 2月 5日
  • 搭建独立站准备

    搭建独立站要做什么准备:避坑指南

    大多数第一次外贸建站的商家,经常会疑惑搭建独立站要做什么准备,首先商家需要确定建站目标,其次要选择合适的建站方式,进行网站结构的规划,然后要确定目标关键词,最后则需要对网站进行运营维护的设置。所以本文为了让大家更好的搭建独立站,接下来将围绕以上提到的几个方面,为大家详细介绍独立站搭建的准备指南,帮助大家成功避坑。 搭建独立站要做什么准备一:建站目标的确定 在搭建外贸独立站之前,确定网站是旨在销售商品、分享个人见解、展示产品组合、提供服务或用于其他独特目的,这将有助于塑造整体结构和内容策略。 如果…

    开发教程 2025年 4月 17日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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