WP Timeline

Responsive Vertical and horizontal timeline plugin

Thank you for purchasing my plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

If you want to create stories , timeline, history, roadmap … WP Timeline is a must-have plugin. Designed to create timeline easy and hassle-free, WP Timeline is the simplest way for your business to display timeline/stories/history… With the WP Timeline plugin, you can manage everything from create to showing timeline, you can create timeline with any date and display any post types, tags, category, taxonomy and display timeline anywhere via shortcodes.

Features list

The Full Package includes these following files and folders:
Install via Wordpress admin
  1. Login to WordPress Admin
  2. In the left menu panel go to Plugins > Add New > Upload to install plugin
  3. Click Upload
  4. Browse your download package to select installation files
  5. Click Install Now button
  6. Once it's uploaded, click the Activate link
Install via FTP Account
  1. Use your FTP software to browse to wp-content/plugins folder to install plugin
  2. Extract the installation files to their corresponding folders, for example wp-timeline.zip to wp-timeline and upload to server
  3. Once it's uploaded, go to your WordPress Admin, browse to Plugins > Installed Plugins
  4. Click the Activate link
  1. Deactive "WP Timeline" plugin by going to Plugins > Deactive "WP Timeline" plugin
  2. Delete older version by clicking on Delete link. Confirm to delete.
  3. Update and re-install new version.
To install sample data as seen on our demo page, following these steps
 Make sure you have installed WP Timeline plugins
Step 1. Go to Tools > Import, then click on Wordpress
Step 2. If it is not yet installed before, you have to install it. On the popup window, click on "Install Now"
Step 3. After installed successfully, click on Activate Plugin & Run Importer
Step 4. Browse for FULL_DOWNLOAD_PACKET/installation/wp-timeline/sample-data/sample-data.xml (or download it here) and click Upload File and Import.
Step 5. After uploaded, the confirmation page appears. Check the Download and import file attachments option and click Submit. If you have trouble with importing (it might breaks in the middle due to long execution time), try again with this option Unchecked!
Step 6. OK, done!

1. Go To Wordpress Admin > Timeline > Add New Timeline

2. Set a title, description, featured image and required field of the timeline

3. Click Publish to save timeline

4. Display

1. Add youtube or soundcloud link to content of timeline, you could also use embed of any video or audio website

2. To show video or audio in timeline, you just select Show media > yes

If you dont use Visual Composer, you just add this parameter to timeline shortcode: show_media="1"

1. Go To Wordpress Admin > Timeline > Add numerical order ( just type number )

2. Set a timeline order by custom custom order

If you dont use Visual Composer, you just add this parameter to timeline shortcode: order="ASC" orderby="meta_value_num" meta_key="wpex_order"

1. Go to Timeline > Shortcode builder

2. Config shortcode option as you wan to show > Click Publish button

3. Copy shortcode and paste it into your post, page, or text widget content

Timeline shortcode allow you can display timeline in your page using shortcode
You could use Shortcode builder feature to generate shortcode instead using default shortcode
WP Timeline shortcode also has supported: Visual Composer, Elementor and SiteOrigin page builder so you could use those page builder to config shortcode
Timeline listing

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

To use Flat style, you just add parameter class="flat-style"
To use Dark style, you just add parameter class="dark-style"
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
Timeline Slider

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

Horizontal Full width

Dark style

Horizontal left
Horizontal Steps layout

Dark style

To use Dark style, you just add parameter class="dark-style"
Timeline Horizontal multi items

Timeline Horizontal multi items is a shortcode for displaying multi items timeline on slider.

Style 1
Style 2
Style 3
Style 4
Timeline Infographics
You need enable this feature in Timeline Settings page > Advanced > Timeline Infographics > Yes > Save Settings

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

Simple: go to any place which accepts shortcode, for example Post or Page and copy shortcode from document or shortcode builder and paste to place/content of Post or Page.

You also can use Vissual composer/WPBakery Page Builder to config

To go to Timeline Settings page, click on Timeline > Settings menu item.

General settings

Manager font and main color

Advanced settings

Manager advanced option

Custom Code

Enter your custom css and js here

Js + Css file

Manager css css and js file

To translate Frontend text, you can go to Timeline > Settings> Advanced > Frontend static text

To translate all texts, You can use Loco Translate plugin to translate:

I've used the following images, icons or other files as listed.

Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugin on Codecanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.