首页 > WordPress
JetSmartFilters配合Elementor Posts使用:有趣又无语的经历
来源:TP课堂 时间:2022-12-21 点击:508

首先介绍下JetSmartFilters是用来干啥的,它是wordpress中专门干条件筛选的,要是结合Elementor效果更棒,看下图:

image.png


1、先安装插件

如果搜索安装插件JetSmartFilters,我并没有找到。不过没有关系,上海老铁发来一个zip,美国那边也有源码,所以轻松得到插件。

你记得启动它呀,知道左侧菜单出现Smart Filter:

image.png


2、Add New 新建。

这里没啥说明的,我需要的是复选框,名称中英文都可以,帮你试过了。

image.png

3、找到需要使用条件搜索的页面,elementor编辑,会发现后台多了smart filter的组件,而我需要用第一个,拖拽到页面:


image.png


4、拖拽后如何设置,看截图:

image.png

5、如何和文章对接呢?拖拽一个posts。记住页面只能有一个posts。

俺在这里就出现问题了,由于原来的文章列表已经设置好标题字号、颜色啥的,不舍得删除,作为备份了。而是又拖拽了一个posts,就这耽误了老半天。

一定全部删除posts,重新拖拽一个。

posts配置:

image.png


如果测试的话,去页面测试,更准确!