Cool Timeline

Description

Cool Timeline is a responsive WordPress pure HTML & CSS Timeline Plugin that allows you to create beautiful vertical history timeline. You simply create posts, set images and date then Cool Timeline will automatically populate these posts in chronological order, based on the year and date. You can easily show timeline on any page of your website using shortcode – [cool-timeline]

Check Cool Timeline Demos

Cool Timeline Pro Demos | Cool Timeline Free Demo

You can show your events, appointments, concerts, stories, future & history happenings using Cool Timeline plugin on your site.

Full Short-Code of Cool Timeline

[cool-timeline layout=”default” animation=”FadeInOut” date-format=”F j” icons=”YES” show-posts=”10″]

Learn More About Short-Code | Check Timeline Installation Guide

New Features Of Cool Timeline

  • Compact Timeline:- Now our free users can also create a compact timeline, means a timeline without a lot of space between stories. Check Demo Here >>
  • Clean Layout:- If you love clean and clear look without a lot of colors then you can showcase your story via our clean layout.Check Demo Here >>
  • Advanced Design & Optimized Code:- We have also made it developer friendly, you can easily customize timeline story default query.

You can create a cool history/events timeline inside your website with our advanced options – custom colors, fonts, icons, date-format and beautiful animation effects. Here are some cool features of our plugin:-

  • Create both-sided/one-sided timeline
  • Show timeline images in pop-up or link to full story
  • Choose cool icons along with stories
  • Specify story background custom colors
  • Specify year circle custom color
  • You can specify different colors for story posts title
  • Show read more button for full story page
  • Show stories in DESC/ASC order
  • Easy to use shortcode to place the cool timeline wherever your heart desires ( [cool-timeline] )
  • Translation ready and translated in 4 languages (German, French, Indonesian & Italian)
  • TinyMCE button to generate the shortcode
  • Responsive and mobile ready timeline

Cool Timeline Pro Features

To make it more cool we have enhanced our plugin by adding many advanced design features in pro version – multiple design options, animation effects, horizontal timeline support, create multiple timelines, facebook timeline and more. Here you can check our pro features:-

  • Use as Visual Composer addon
  • Convert blog posts into blog timeline
  • Create beautiful horizontal content slider timeline
  • Create social timeline using Facebook page
  • Create horizontal timeline
  • Many beautiful animation effects
  • Create multiple timeline stories based on story categories
  • Historical dates – (starting from 1000)
  • Multiple timeline skins (light, dark & multicolor)
  • Multiple timeline designs (Flat, Elegant, Classic)
  • Beautiful timeline scrolling navigation
  • Add slider & video inside timeline stories
  • Stories category management
  • Story single page
  • Advanced style and design options
  • Create Step by Step tutorial Timeline.
  • Choose any historical date – You can also choose years before 0 (BC/AD Support)
  • One click stories migration from free version to PRO version.
  • Optimized timelines loading speed
  • Use Custom Label Instead of Date/Years
  • Social Timeline (Facebook Page Timeline)
  • Ajax Load More Stories Pagination

Where can you use Cool Timeline plugin?

You can show history/future stories, events, appointments and many other cool things using our Cool Timeline plugin. Here are all areas where you can use this plugin:-

  • Represent your company story
  • Showcase tutorial/process steps in timeline format
  • Create a program timeline
  • Timeline is best way to represent history
  • Create events / appointments timeline
  • Life stories / achievements timeline
  • Personal story timeline
  • Convert your Facebook page feed into Facebook timeline

We have tried our best to create an awesome timeline plugin but still if you face any installation, coding or design error, you can contact us anytime. Also remember to try our timeline pro version for extra cool features and design options.

Buy Cool Timeline Pro | Check Timeline Pro Documentation

Screenshots

  • Cool timeline frontend view and story elements.
  • Cool timeline story creation screen with instructions.
  • Cool timeline general settings section.
  • Cool timeline PRO features.
  • Cool timeline PRO Single Sided.
  • Cool timeline PRO Horizontal view.
  • Create any type of timeline using Cool timeline PRO .

Installation

There are 3 ways to install Cool Timeline inside your wordpress website.

  1. Automatically install our plugin via WordPress admin panel:- Open your WordPress website admin panel and go to Plugins > Click Add New & search ‘Cool Timeline‘ at here > Here you will find our plugin > Now click on install button > After this you will see a activate button > Just activate it to use Cool Timeline inside your website
  2. Install via Zip file:- In this method first you need to download our plugin from wordpress plugins directory. Go to https://wordpress.org/plugins/cool-timeline/ & Download Cool Timeline. After this inside your WP-admin panel, click on Plugins > Add New > Upload Button. Now choose the plugin zip file that you just downloaded from wordpress plugins directory & activate it.
  3. Install plugin via FTP:- In this method you also first need to download plugin zip file from wordpress plugins directory. After this open your FTP manager and Go to > wp-content/plugins folder. Here you need to upload extracted version of timeline plugin.(please remember don’t upload zip file directly at here) After this you can activate plugin from wp-admin panel plugins page.

Create Timeline

  1. After installation and plugin activation, you will find 2 extra tabs in Wp-admin panel sidebar – Timeline Stories and Cool Timeline.
  2. Under “Cool Timeline” tab, you can select different colors, fonts and other design options of timeline according to your website style.
  3. Under “Timeline Stories” tab, You can add all of your stories by selecting appropriate date and year.
  4. After adding all of your stories, Go to Pages > Add New, Here you can create a timeline by using our in-build short-code generator or simply place this short-code – [cool-timeline]

Final Words!

If you are facing any difficulty in Cool Timeline plugin installation then you can contact our support at here – contact@cooltimeline.com

FAQ

How to install Cool Timeline plugin & create timeline?

Please check – plugin installation guide or Cool Timeline Pro documentation

Can I choose any historical date/year?

Year starts from 1970 in free version but in pro version you can choose any historical year from 1000 to 2050 for creating a story inside Cool Timeline.

What is plugin short-code & how can we use it?

Here is full short-code of Cool Timeline plugin

[cool-timeline layout=”default” animation=”FadeInOut” date-format=”Y-m-d” icons=”YES” show-posts=”3″]

  • [cool-timeline] = It is our default short-code syntax.
  • layout = We have three layout options (default, one-side and simple). In simple timeline you can create a timeline without bigger year circle in between the stories.
  • animation = We have only 1 animation effect (FadeInOut) in Cool Timeline free version. You can purchase pro for more effects.
  • date-format = You can choose any date-format to show with the stories according to your language and requirements.
  • icons = You can show(YES/NO) cool icons along with timeline stories.
  • show-posts = If you have a large timeline with a lot of stories then you can use this option to show pagination option after a number of stories.

Can I see online demo?

Yes, Check free version demo at – http://free.cooltimeline.com

For Pro demo please check – http://www.cooltimeline.com/#cool-demos

Can I convert my blog posts into timeline?

No, This facility is only available in Timeline PRO version. You can only create a blog/content timeline using Cool Timeline Pro

Can I create multiple timelines based on different categories?

Timeline category option is only available in our Pro version so you need to purchase pro if you want to create category specific multiple timelines.

Can I choose custom colors and fonts?

Yes, You can choose 2 custom colors and any font-family from our font-list according to your website style. These colors will automatically apply on all of your timeline stories in an alternative way.

Can I hide bigger circular year circle?

Yes, You need to select “simple” layout while adding the short-code. In this shortcode you can create a timeline by hiding bigger year circle.

What is facebook timeline?

This is our PRO feature. You can show your Facebook page feed on your website in a timeline format by using Cool Timeline Pro plugin.

Is it possible to create both horizontal & vertical timeline?

You can only create vertical timeline in our free version. But We have cool design options to create both vertical and horizontal timeline in our Pro version.

Do you have any support email for extra questions?

Yes, You can contact us anytime at here – contact@cooltimeline.com. We will try to provide an answer with in 24 hours.

Installation Instructions

There are 3 ways to install Cool Timeline inside your wordpress website.

  1. Automatically install our plugin via WordPress admin panel:- Open your WordPress website admin panel and go to Plugins > Click Add New & search ‘Cool Timeline‘ at here > Here you will find our plugin > Now click on install button > After this you will see a activate button > Just activate it to use Cool Timeline inside your website
  2. Install via Zip file:- In this method first you need to download our plugin from wordpress plugins directory. Go to https://wordpress.org/plugins/cool-timeline/ & Download Cool Timeline. After this inside your WP-admin panel, click on Plugins > Add New > Upload Button. Now choose the plugin zip file that you just downloaded from wordpress plugins directory & activate it.
  3. Install plugin via FTP:- In this method you also first need to download plugin zip file from wordpress plugins directory. After this open your FTP manager and Go to > wp-content/plugins folder. Here you need to upload extracted version of timeline plugin.(please remember don’t upload zip file directly at here) After this you can activate plugin from wp-admin panel plugins page.

Create Timeline

  1. After installation and plugin activation, you will find 2 extra tabs in Wp-admin panel sidebar – Timeline Stories and Cool Timeline.
  2. Under “Cool Timeline” tab, you can select different colors, fonts and other design options of timeline according to your website style.
  3. Under “Timeline Stories” tab, You can add all of your stories by selecting appropriate date and year.
  4. After adding all of your stories, Go to Pages > Add New, Here you can create a timeline by using our in-build short-code generator or simply place this short-code – [cool-timeline]

Final Words!

If you are facing any difficulty in Cool Timeline plugin installation then you can contact our support at here – contact@cooltimeline.com

Reviews

Simple and functional plugin

Thanks for developing such a cool plugin. It’s easy to set up and works fine with my theme. Customization options allow to adjust it to my color theme and overall site style.

Good but still limited

I bought Pro version as the description indicated I could use it for creating almost any custom timeline I need. This is not true, or at least, not in a way that makes this a useful plugin and tool.

I am building timeline spanning years from 1772 (AD) to 3210 (AD). The Story Year entry only allows to enter years between 1000 and 2050. If you need other years (like before 1000 or beyond 2050) you have to switch to “Custom label” and enter the specific year for each story. Which would be ok, if the timeline was generated by ordering stories according to custom labels. But, you have to assign an order number to each story individually, to make it appear on a specific position in your timeline.

You only have Order numbers from 0-199 available, so no more than 200 entries are possible. If you add another story in between at a later point, you will have to change order numbers for several dozen to hundred stories manually! This is not going to work.

What the plugin should offer:

In Admin set “order stories by custom label” option. Then the stories will be ordered DESC or ASC. Yes, people can mess up the order by entering weird stuff, but that’s their fault then. The plugin can’t make sense out of a series like “1984, Atari, Feb 12th, 2005”, that’s clear. But if users ony enter years or want to have their stories ordered by alphabet this would be the way to go.

Enter the start and end years for your timeline. In admin panel make the entries 1000 and 2050 editable. It would even be cool to allow negatives here (like -1000 and 1000).

all in all the Plugin is well done and very customizable. Except for the parts that are essential for my project. Like all the other timeline plugins, it was intended to be used to order posts about current time or recent history in a timeline. It was not written to allow any fantastic timeline you can imagine.

Great plugin

Fantastic plugin with beautiful layout. I recommend this plugin for all WP-users

Read all 59 reviews

Contributors & Developers

“Cool Timeline” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Cool Timeline” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

Version 1.3.2 |September 13 2017

  • Fixed:-Fixed animation effect compatibility issue with new version of google chrome(Version 61.0.3163.79)
  • Improvements:-added timeline styles in header and scripts in footer
  • Improvements:-Changed pagination position in center

Version 1.3.1 |September 5 2017

    <lifixed:fixed Minor Clean Timeline styling issues.

Version 1.3 |September 4 2017

  • Added:- Added new skins options in shortcode generator.Now user can easily create simple and clean timeline without background colors.
  • Added:- Added new setting panel for story image size
  • Added:-Integrated Hooks.User can easily customize timeline stories query arguments using add_filter(‘ctl_stories_query’,’callback_function’); filter hook.
  • Added:- Added ctl_story_clasess filter hook.Using this hook users can easily add your own custom classes in timeline stories
  • Improvements:-Improved All stories section added story dates and story icons sections
  • Added:-Integrated new font awesome icons Version 4.7
  • Improvements:-Improved overall code.included files based upon conditions
  • Improvements:-Created function for story images and story date
  • Improvements:-Optimized timeline loading speed. Minified all CSS and JS files.

Version 1.2 |May 8 2017

  • Added:- Added brand new compact timeline layout.Using this layout you can easily show your stories in compact mode like(facebook timeline)
  • Added:-Added shortcode generator in all type of posts and pages.
  • Fixed:- Google fonts loading problem of all pages
  • Improvements:-Minor Textual changes
  • Fixed:-Minor CSS and js Fixes

= Version 1.1.8 |12/1/2017=

  • Added:- Added brand new designs for default timeline
  • Added:- Translation ready and translated in 4 languages(German,French,Indonesian ,Italian)
  • Added:- Added one sided timeline
  • Added:-Show timeline images in pop-up or link to full story
  • Added:-Cool Animation effects
  • Added:-Simple timeline without year circle
  • Added:-You can easily set icons in your stories.
  • Added:-Pagination to limit the number of stories displayed for a large timeline
  • Added:-Custom stories date format feature in shortcode generator
  • Imporved:-Improved over all CSS of timeline
  • Fixed:-Minor bug fixings
  • Improved:- Improved frontend script
  • compatibility:- compatibility with WordPress 4.7.1 and twenty seventeen theme

= Version 1.1.7 |12/1/2017=

  • Fixed:-Fixed fatal errors.

1.1.6

  • Enhancement: IE imageproblem fixed
  • Fixed :Minor styling fixes.

1.1.5

Enhancement:Minor bug fixings

1.1.4

  • Enhancement:Added new shortcode generator.

1.1.3

  • Enhancement: Plugin documentation, demo and screenshots.

1.1.2

  • Fixed:Cannot load cool_timeline_page.
  • Fixed:Unable to access plugin settings page when you have mentioned define(‘DISALLOW_FILE_MODS’,true); contant in wp-config file.
  • Fixed:IE-11 images issue.
  • Enhancement:Migrates google fonts from http to https.

1.1.1

  • Fixed:Minor bug fixings.

1.1

  • Enhancement:Responsive styles
  • Fixed:Read more priority issue
  • Removed:background image options.
  • Fixed:Options panel color options default value issue.
  • Enhancement:Enhancement of all labels.
  • Fixed:Minor bug fixings.

1.0.9

  • Removed:bootstrap.css styles.
  • Added:Independent styles.
  • Added:future Posts feature.
  • Fixed:Fixed css overriding issues.
  • Enhancement:removed extra div’s.

1.0.8

  • Added:Added options in settings panel to Enable/Disable stories date.
  • Added:Main title alignments options in option panel.
  • Fixed:Fixed read more overriding issue.
  • Enhancement:included ctl_styles and bootstrap styles only on timeline page.

1.0.7

  • Fixed:Minor Fixes.

1.0.6

  • Fixed:Date issues
  • Fixed:styles settings issue
  • Fixed:Minor css issues.
  • Enhancement:included styles only on timeline page.

1.0.5

  • Removed:Removed bootflat.css file.
  • Fixed:css issue resolved

1.0.4

  • Added:Stoires description type short/Full(with HTML) in option panel.
  • Fixed:Typography issues.
  • Fixed:Minor css issues.
  • Fixed:Minor images size issues.

1.0.3

  • Fixed:stories date issue resolved.
  • Fixed:background color issue resolved.
  • Fixed:minor javascript bug removed.

1.0.2

  • Minor bug fixes.

1.0.1

  • Added Stories order option in settings panel for post order by(Ascending ,Descending)
  • improved short description content.
  • updated icons.

1.0

  • Initial Release.