更新日期: 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个问题:

隐藏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;
}

保存即可。