如何使用Elementor制作搜索结果页面?

文章目录

本文介绍如何使用Elementor制作搜索结果页面,搜索结果页面本质上是一个归档(Archive)页面,所以你可以在制作的Post Archive的时候,在Post Archive模版的display Condition设置中添加上Search Result,这样搜索结果页面会直接调用你的文章列表页面模板来展示搜索的结果列表。

但是你也可以单独制作Search Result模版来展示搜索结果,方法如下:

制作Search Result模板需要Elementor Pro,本站提供官方授权49元/年1站点,有需要可以联系获取。

1、进入Elementor Theme Buider

image 114 - 如何使用Elementor制作搜索结果页面? - NUTSWP

2、创建一个新的索结果页面模板

image 115 - 如何使用Elementor制作搜索结果页面? - NUTSWP

3、添加搜索结果的标题和内容

通过Archive Title添加页面的大标题

通过Archive Posts天假搜索结果列表

image 116 - 如何使用Elementor制作搜索结果页面? - NUTSWP

最后调整页面的风格样式和你网站匹配即可,完成设置完成之后点击发布,并配置Display Condition如下:

image 117 - 如何使用Elementor制作搜索结果页面? - NUTSWP

点击保存并关闭按钮。

4、测试搜索结果页面

在网站的搜索框搜索关键词

image 118 - 如何使用Elementor制作搜索结果页面? - NUTSWP

跳转的搜索结果页面如下:

如何使用Elementor制作搜索结果页面?

总结

我只是做一个非常简单的搜搜结果页面模板,把必须要添加的内容添加上去,你还可以发挥自己的想法和创造,添加一个其他内容,引导用户点击,尤其是在用户搜索不到内容的时候,给用户多一些提示,不要让用户直接跳出了。

分类
标签
Load WordPress Sites in as fast as 37ms!
建站交流群
建站咨询请联系企业微信
技术支持/服务

推荐阅读

UE插件Ajax Search元素按钮颜色透明度CSS重写

本文记录我使用UE插件Ajax Search元素按钮颜色透明度CSS重写的代码的过程。 在使用UE的Ajax Search元素时,发现其按钮被默认设置了透明度。于是只能手动对代码中的CSS进行修改。

Elementor如何隐藏页面标题?

如何在Elementor编辑中隐藏页面标题呢?在使用Elementor编辑一个新的页面时,页面顶部会出现当前页面标题?这个标题是无法删除的,但是我们可以通过Elementor的页面设置来隐藏它。 1、

Elememtor设置全局的内容宽度

本文介绍如何使用Elememtor设置全局的内容宽度,默认情况下Elementor Containner的宽度是Boxed 1140px,你可以针对这个Containner去修改内容的宽度,但是如果你

目录

搜索你想找的内容

站长自用主机推荐
前三个月享85折优惠
注册无需身份验证
点击下方LOGO注册【无需绑卡】免费试用3天
外贸建站服务
提供外贸建服务:模板建站、定制建站、小语种建站,通过微信联系咨询
建站咨询请联系企业微信
WP建站技术交流群
建站咨询请联系企业微信
建站咨询购买主题插件模板