You can easily Integrate Story Timeline using below-mentioned methods
- Just Copy Shortcodes from Demo website and Paste in your Page or Post.
- Using Shortcodes Generator.
- Gutenberg Timeline Story Block.
- Using Visual Composer Timeline Stories Addon.
- With the help of Elementor Addon.
You can easily Create Vertical Timeline Using Below mentioned Methods
With Gutenberg
For more details, Please check below mentioned shortcode settings table
With Default Classic Editor
For more details, Please check below mentioned shortcode settings table
Using Shortcode
Timeline
2009200820052004
Shortcode Attribute/Settings | Default Value | Available Options | Description |
---|---|---|---|
Timeline Categories | category=”timeline-stories” | Dynamic Categories List | Create Category Specific Timeline (By Default – All Categories) |
Timeline Layouts | layout=”default” |
|
Select your Vertical Timeline Layout from a dropdown. |
Timeline Designs | designs=”default” |
|
View Demos and Choose your timeline layout design from these design. |
Timeline skins | skin=”default” |
|
Create Light, Dark or Colorful Timeline |
Date Formats | date-format=”default” |
|
Select Timeline Stories dates custom formats. |
Timeline Based On | based=”default” |
|
Show either Story Dates or custom label/text along with timeline stories. |
Stories Per Page | show-posts=”10″ | 10 | You Can Show Pagination After These Posts In Vertical Timeline. |
Pagination Settings | pagination=”default” |
|
Choose your Vertical Timeline Layout Pagination Type. |
Icons | icons=”NO” |
|
Display Icons In Timeline Stories. By default Is Dot. |
Stories Description | story-content=”short” |
|
Timeline Stories content settings.If you would like to show HTML and All content on timeline. Then just select a full option of content settings. |
Stories Order | order=”DESC” |
|
Timeline Stories order like:- DESC(2017-1900) , ASC(1900-2017) |
Category Filters Settings | filters=”no” |
|
|
Compact Layout Date&Title position | compact-ele-pos=”main-date” |
|
This settings only work with Compact layout Use these settings to change compact timeline layout date and title elements position |
Animation | animation=”none” |
|
Add Animations Effect Inside Timeline. You Can Check Effects Demo From Animate.css. |
Leave a Reply
Want to join the discussion?Feel free to contribute!