更新日期: 2017-11-05
问题
WordPress使用Avada主题时,默认的搜索结果页面不是很好,我们该如何调整搜索结果页面的样式?比如:
- 调整搜索出的page、post、portfolio等的布局排列方式
- 修改搜索结果页面的侧边栏
- 隐藏一些不想要的信息,比如author、date、comment、read more等
解决方法
调整布局
在 Theme Options -> Search Page 中有相关设置:
- Search Results Layout,设置搜索结果页的布局方式,里面有6种布局方式,可以一个一个选择试试看,我个人比较喜欢Grid这种;
- Search Results Content,设置搜索结果包含或者不包含那些内容
- Search Results Excerpt,设置要不要显示摘要
- Number of Search Results Per Page,设置每一页显示的搜索结果数
- Featured Images for Search Results,设置是否要显示Featured Images
- Search Field Position,结果页中的搜索框是在搜索结果上方还是最下面,或者干脆隐藏(Hide)
修改Sidebar
这个问题拆分成2个问题:
- 如何新建一个专门用于搜索结果页面的Sidebar,参考文章《如何设置Sidebar部分》
- 如何设置Search Page的Sidebar是我们新建的某个Sidebar,具体在 Theme Options -> Sidebars -> Search Page 中的 Search Page Sidebar 1 / 2 中进行选择。关于Sidebar的相关介绍,参考《Theme Options简介-Sidebars部分》
隐藏Meta信息
Theme Options -> Blog -> Blog Meta 中第一项设置 Post Meta 设置为Off 即可。
这个设置是关闭了所有的Meta信息,也就是在Post的页面中,也不会显示这些信息了。那比如说我们用Post做了News页面,在里面又不想完全关闭这些Meta信息。比如设置如下:

也就是开启了Post Meta,但是只留了日期(Post Meta Date)。这种设置情况下,搜索结果中也还是会显示有日期的。
这个时候,我们可以在Theme Options -> Custom CSS 中添加下面的CSS代码:
.search-results .fusion-meta-info, .search-results .fusion-single-line-meta{
display:none;
}
保存即可。