联动的多重筛选wordpress区块-分类层级和关联标签筛选

WordPress区块主题教程wordpress古藤堡区块介绍

wordpress联动多重筛选古藤堡区块简介:联动多级分类和相关标签进行的AJAX无刷新结果呈现

联动的多重筛选wordpress区块-分类层级和关联标签筛选

wordpress多重筛选古藤堡区块是我们在超级区块WordPress主题-标准版  1.99版本中推出的新的功能区块,这个区块是以wordpress的分类目录和标签进行筛选的。

筛选功能介绍

分类筛选:见上图的品种分类,三个酒的品类为较为高层级的分类,点击他们,下面会自动调用他的二级,点击二级则会调用他的三级,依次类推,见下图:

联动的多重筛选wordpress区块-分类层级和关联标签筛选

上图选中了分类后,可以看到,出现了二级和三级的分类,这样我们的分类就可以按照层级进行选择了。

标签筛选:可以看到上面两个图片,每一次选中了分类后,下面的产品产地、使用场景、酒品口感、产品包装的标签组显示的内容不一样了。

这样一来,我们就可以在分类进行层级选择,并关联分类下文章带有的标签进行一个多重筛选的功能,可以以此功能对产品、案例、文档等等内容进行精细的筛选。

 

wordpress联动多重筛选古藤堡区块使用介绍

这个区块需要使用在分类目录中的,分类目录下面的文章列表会被筛选结果替换,因此我们在使用时,需要创建一个区块模板:

联动的多重筛选wordpress区块-分类层级和关联标签筛选

新建的区块模板请注意,选择一下全屏模式和区块模式:

联动的多重筛选wordpress区块-分类层级和关联标签筛选

创建好了之后,打开区块样板,点击探索按钮

联动的多重筛选wordpress区块-分类层级和关联标签筛选

展开样板选择器之后,切换到分类头部样板[区块模板]

联动的多重筛选wordpress区块-分类层级和关联标签筛选

选择分类头部样板5,这样可以直接插入我们制作好了的样板

首先我们要确定一下我们的标签筛选是并集还是交集:

联动的多重筛选wordpress区块-分类层级和关联标签筛选

筛选中,分类是单选一个,线性的,标签则是多选的

交集是 如选择2个标签 ,搜索结果中,必须同时带有2个标签的文章才会显示,条件选择越多,搜索结果越少,过多的条件会造成无搜索结果。

并集则是 选中2个标签,搜索结果中,只要带有其中一个标签就会显示,条件选择越多,搜索结果越多。

 

 

现在,这个样板中的分类和标签和你自己站点得分类和标签都是不一样的,所以我们需要清空一下

注意:分类和标签在筛选区块中是以静态的方式插入的,而非调用,因此在制作筛选的时候分类和标签都创建完成,名称都确定好了之后在制作,否则,分类和标签改动后,区块中的数据是不会更新的,会造成错误。

联动的多重筛选wordpress区块-分类层级和关联标签筛选

展开分类参数设置,清空掉默认的分类,重新选择,注意选择的时候,选择带有子分类的父级分类即可,子分类会在父级选择之后自动调用。

分类默认只显示一行,因此我们一般选择一级分类或者二级分类即可。

 

现在我们开始设置标签

联动的多重筛选wordpress区块-分类层级和关联标签筛选

注意,标签默认设置了4个组,如果你的产品标签分组较少,可以删除,如更多则可以添加

联动的多重筛选wordpress区块-分类层级和关联标签筛选

标签也是一样,先清空掉默认设置的标签,重新选择,标签界面可以上下移动,可以删除,标签可以根据你的参数选择多选还是单选

并且在编辑器内,分类、标签的顺序均可以移动

联动的多重筛选wordpress区块-分类层级和关联标签筛选

设置好了之后发布区块模板,其余的样式也可以自行设置颜色、字体大小、间距等等。

这样我们就只做好了一个可以挂载到分类头部的区块模板,现在我们进行挂载: 进入文章-分类,选择想要挂载的分类进行编辑,这里注意,如果是分类层级较多,挂载到一级分类后,下面的子分类会自动继承一级分类的设置:

联动的多重筛选wordpress区块-分类层级和关联标签筛选

挂载完成之后,分类就可以出现筛选的界面了。

你也可以创建多个筛选区块模板,挂载到不同的分类,可以制作出来多个类型的筛选。

 

此外,标签是不能选择区块模板和单独设置列表样式的,你可以去主题选项-列表和筛选中设置默认的列表样式,这样单选标签时,就不会出现列表样式不符合的问题了:

联动的多重筛选wordpress区块-分类层级和关联标签筛选

这样整个筛选就完成了。

小贴士:我们在本次更新制作了文章列表快速编辑选择标签的功能,可以打开设置选择所有的标签,便于快速给文章添加已有的标签

联动的多重筛选wordpress区块-分类层级和关联标签筛选

上一篇:

下一篇:

文章评论

您好!请登录

取消回复
    展开更多