Project Description

更新日期: 2017-10-29

编辑界面

Recent Posts用来调用Post文章,可以在做新闻汇总页面的时候用到,里面的设置选项和Portfolio有些类似。

设置选项

General

  • Layout,有3种布局方式 Standard/Thumbnails on Side/Date on Side,不同布局的效果见下文中的 效果示意
  • Hover Type,设置图片hover效果,鼠标移到图片后的动态效果,个人比较喜欢Lift up的效果,注意这个设置只对 Standard/Thumbnails on Side两种可以展示图片的Layout才起作用,对于Date on Side没有图片的布局方式并不起作用
  • Columns,列数设置,一行中展示几个Post
  • Posts Per Page,每页选择展示的数量
  • Post Offset,跳过几个文章不展示,默认不修改这个设置
  • Pull Posts By,选择文章是按照 category 还是 tag,默认选择 category
  • Categories,选择要展示的是某个、某些或者是所有分类
  • Exclude Categories,选择排除的,默认不改这个设置
  • Show Thumbnail,是否展示缩略图,如果这一项选择了Off,那么Standard和Thumbnails on Side的效果是一样的
  • Show Title,是否展示文章标题,默认是On
  • Show Meta,是否展示Meta信息
  • Text display,文字内容可设置为选择展示 全文还是摘要,或者完全不显示,一般设置为展示摘要(Excerpt)
  • Excerpt Length,摘要的长度
  • Strip HTML,开启后,去除产品内容中的html代码,展示纯文字
  • Element Visibility,默认不修改,此选项和适配移动端有关系,可参考《设置移动端适配》
  • CSS Class / CSS ID,默认不需填写内容,需要针对此内容进行单独的样式调整时才考虑使用这2个选项;

Animation

图片的动态效果,提供7种可选:

  • Bounce
  • Fade
  • Flash
  • Rubberband
  • Shake
  • Slide
  • Zoom

每一种动态效果都提供了一些参数进行调整,比如动画的进入方向、持续时间等,一般情况下,避免使用过多的不同形式的动画。

效果示意

3种Layout的效果示意:

Demo中图片比较小,是因为我改过了Recent Post中调用的图片的尺寸大小,参考USEON首页中的News部分。

Avada版本

适用:Avada5.2.2