如何使用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制作搜索结果页面?

总结

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

推荐阅读

Elementor制作带有年份和站点标题的版权信息

本文介绍如何使用Elementor制作带有年份和站点标题的版权信息。 我们通常会在网站底部制作一个版权信息,版权信息中会包含当前的年份以及版权所有者信息。常规的做法是直接输入一段版权信息的文字,但是每

Hello Elementor主题如何上传网站LOGO?

本文介绍Hello Elementor主题下如何上传网站LOGO的2个入口和方法。 1、通过外观自定义入口上传网站LOGO 这个方法对大多数主题都通用,外观自定义菜单是WordPress的默认管理入口

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