Timeline listing

Timeline listing is a shortcode for displaying timeline on listing with load more ajax.

• style – Select between style
  • classic – Classic (style="classic")
  • modern – Classic (style="modern")
  • wide_img – Wide image (style="wide_img") Only available in version 3.0 ++
  • bg – Background (style="bg") Only available in version 3.0 ++
  • box-color – Box color (style="box-color") Only available in version 3.1 ++
  • simple – Simple (style="simple") Only available in version 3.0 ++
  • simple-bod – Simple bod (style="simple-bod") Only available in version 3.1 ++
  • simple-cent – Simple cent (style="simple-cent") Only available in version 3.1 ++
  • clean – Clean (style="clean") Only available in version 3.0 ++
• alignment – Select between (alignment="center") or Left (alignment=”left”)
  • Center – Center (alignment="center")
  • Left – Classic (alignment="left")
  • sidebyside – Side by side (style="sidebyside") Only available in version 3.1 ++
• posttype – Select post types, Ex: posttype="post" to show blog posts in timeline ( Defaults: wp-timeline)
• ids – List of IDs to query, separated by a comma
• count – Total number of items to show. Default 9
• posts_per_page – Number of items per page. Default 3
• cat – List of category ids (or slug), separated by a comma
• tag – List of tag ids (or slug), separated by a comma
• order – Order ascending (order="ASC") or descending (order="DESC")
• taxonomy – Enter slug of custom taxonomy
• start_label – Enter start title of timeline
• end_label – Enter end title of timeline
• orderby – Choose order condition
  • ‘date’ – Order by publish date.
  • ‘timeline_date’ – Order by timeline date (only work with Timeline datepicker, not work with custom date field). Only available in version 2.4
  • ‘ID’ – Order by post id. Note the captialization.
  • ‘author’ – Order by author.
  • ‘title’ – Order by title.
  • ‘name’ – Order by post name (post slug).
  • ‘name’ – Order by post name (post slug).
  • ‘modified’ – Order by last modified date.
  • ‘parent’ – Order by post/page parent id.
  • ‘rand’ – Random order.
  • ‘meta_value’ – Note that a ‘meta_key=keyname’ must also be present in the query. Note also that the sorting will be alphabetical which is fine for strings (i.e. words), but can be unexpected for numbers (e.g. 1, 3, 34, 4, 56, 6, etc, rather than 1, 3, 4, 6, 34, 56 as you might naturally expect). Use ‘meta_value_num’ instead for numeric values.
  • ‘meta_value_num’ – Order by numeric meta value (available with Version 2.8). Also note that a ‘meta_key=keyname’ must also be present in the query. This value allows for numerical sorting as noted above in ‘meta_value’.
  • ‘post__in’ – Preserve post ID order given in the ids array
  • ‘none’ – No order
• meta_key – Enter custom field key, Show posts associated with a certain custom field
• meta_value – Enter a value of meta key to query
• show_media – Choose “Yes” (show_media="1") or “No” (show_media="0") to show or hide Media instead of thumbnail
• full_content – Show full content in
  • ‘0’ – Show Full content in single timeline page
  • ‘1’ – Show Full content instead of excerpt ( replace with excerpt)
  • ‘lightbox’ – Show Full content in lightbox
• show_history – Choose “Yes” (show_history="1") or “No” (show_history="0") to show or hide history bar
• filter_cat – Choose “Yes” (filter_cat="1") or “No” (filter_cat="0") to show or hide filter category bar
• order_cat – Show filter category by custom order field
  • ‘0’ – not apply custom order
  • ‘yes’ – apply custom order
• lightbox – Choose “Yes” (lightbox="1") or “No” (lightbox="0") to enable or disable image lightbox feature
• infinite – Choose “Yes” (infinite="1") or “No” (infinite="0") to enable or disable infinite Scroll feature Only available in version 3.0 ++
• animations – Choose animations for each timeline
  • None
  • bounce
  • flash
  • pulse
  • rubberBand
  • shake
  • headShake
  • swing
  • tada
  • wobble
  • jello
  • bounceIn
  • bounceInDown
  • bounceInLeft
  • bounceInRight
  • bounceInUp
  • fadeIn
  • fadeInDown
  • fadeInDownBig
  • fadeInLeft
  • fadeInLeftBig
  • fadeInRight
  • fadeInRightBig
  • fadeInUp
  • fadeInUpBig
  • flipInX
  • flipInY
  • lightSpeedIn
  • rotateIn
  • rotateInDownLeft
  • rotateInDownRight
  • rotateInUpLeft
  • rotateInUpRight
  • bounceInRight
  • rollIn
  • zoomIn
  • zoomInDown
  • zoomInLeft
  • zoomInRight
  • zoomInUp
  • slideIn
  • slideInDown
  • slideInLeft
  • slideInRight
  • bounceInRight
• class – Add a class name and refer to it in custom CSS
• hide_title – Choose “Yes” (hide_title="1") or “No” (hide_title="") to show or hide Title
• hide_img – Choose “Yes” (hide_img="1") or “No” (hide_img="") to show or hide Featured Image
• feature_label – Choose “Yes” (feature_label="1") or “No” (feature_label="0") to show or hide feature label
  Create feature label:
  
  Show feature label:
  
• enable_back – Choose “Yes” (enable_back="yes") or “No” (enable_back="") Enable Back to timeline page button when access each timeline from timeline page

To use Flat style, you just add parameter class="flat-style"
To use Dark style, you just add parameter class="dark-style"

Examples

Modern alignment center style

Classic alignment center style

Clean alignment center style

Simple alignment center style

Wide image alignment center style

Background image alignment center style

Modern single column

classic single column

Clean alignment left style