Timeline Slider

Timeline Slider is a shortcode for displaying timeline on horizontal Slider.

• style – Select between Left side (style="left-side") or Full Width (style="full-width")
• layout – Select between Horizontal (layout="horizontal") or Horizontal Steps (layout="hozsteps")
• 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 6
• 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
• orderby – Choose order condition
  • ‘date’ – Order by date.
  • ‘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
• arrow_position – Select position of arrow (top or center)
• show_media – 1/0 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
• hide_thumb – 1/0 Choose “Yes” (hide_thumb="1") or “No” (hide_thumb="0") to show or hide thumbnail
• show_all – 1/0 (show_all=”1″) Show all items on timeline bar
• toolbar_position – top (toolbar_position=”top”)/bottom (toolbar_position=”bottom”), Choose Timeline bar position
• autoplay – 1/0 Choose “Yes” (autoplay="1") to auto next timeline
• start_on – Slide to start on, enter number, default start_on=”0″
• class – Add a class name and refer to it in custom CSS
• enable_back – Choose “Yes” (enable_back="yes") or “No” (enable_back="") Enable Back to timeline page button when access each timeline from timeline page
• feature_label – Choose “Yes” (feature_label="1") or “No” (feature_label="0") to show or hide feature label bar

To use Dark style, you just add parameter class=”dark-style”

Examples

Horizontal Full width

Dark style

Horizontal left

Horizontal Steps layout