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

相关文章

  • 选择统一费率

    WooCommerce运费设置

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

    开发教程 2024年 10月 8日
  • 安装WordPress幻灯片插件

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

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

    开发教程 2024年 10月 18日
  • WooCommerce短代码

    如何添加WooCommerce短代码?

    用户在使用WooCommerce进行跨境电商独立站搭建工作时,有可能会借助WooCommerce短代码实现更加醒目的页面布局,帮助商家更加直观地展示产品。那么这一步骤该如何实现呢?商家可以借助一些WooCommerce短代码示例,在WordPress编辑器中直接添加WooCommerce短代码来实现这一功能,下文将为大家具体介绍WooCommerce短代码有关知识。 一、WooCommerce短代码是什么 也许大多数人都熟悉在WordPress独立站中使用短代码,它显示为两个方括号[shortc…

    开发教程 2024年 9月 27日
  • 安装并激活SeedProd网站构建器插件

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

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

    开发教程 2025年 1月 24日
  • 根目录找到.htaccess文件

    301重定向怎么设置?

    301重定向使用户在外贸建站时经常会遇到的一种重定向技术,站长通常会通过编辑.htaccess文件或者return语句等方法来实现网页地址的迁移,以避免404错误的出现,诚然了解301重定向的相关设置有利于网站的正常运行,进而提升用户访问体验和提高网站搜索排名,所以下文将为大家介绍如何设置301重定向,为大家搭建外贸网站提供一些准备。 一、Apache网站服务器301重定向 在网站的根目标找到如下这个文件: 如果没有找到这个文件?有以下两种可能: 网站没有.htaccess文件。可以使用 Not…

    开发教程 2024年 9月 13日
  • CSS网站设计

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

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

    开发教程 2024年 7月 10日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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