Cool Timeline

Cool Timeline allows you to create beautiful vertical storyline.You simply create posts then Cool Timeline will automatically populate these posts in

Author:	Cool Plugins (profile at wordpress.org)
WordPress version required:	5.0
WordPress version tested:	6.5
Plugin version:	2.9.2
Added to WordPress repository:	23-11-2015
Last updated:	05-04-2024
Rating, %:	94
Rated by:	304
Plugin URI:	https://cooltimeline.com
Total downloads:	638 711
Active installs:	20 000+
Click to start download

Horizontal & Vertical Timeline, History Timeline

Showcase your story or company history in a precise and elegant way using a powerful and advanced Cool Timeline

It is really important to let your audience know about the history of your brand especially when you are promoting it through a website. Our plugin will help you to highlight events and stories precise way.

Check our Timeline plugins demos

• Cool Timeline [Free]– View Demo
• Cool Timeline Pro [Pro]– View Demo
• Timeline Widget For Elementor [Free]–View Demo
• Timeline Widget For Elementor PRO [PRO]– View Demo
• Timeline Builder PRO [PRO]– View Demo
• Timeline Block For Gutenberg [Free]– View Demo

Features Of Cool Timeline

Cool Timeline is a powerful WordPress plugin that enables you to create visually striking and informative timelines. It is built with pure HTML and CSS for maximum compatibility and offers both horizontal and vertical layout options.
Creating a timeline is straightforward and intuitive: simply create posts, set images, and assign dates. The plugin will automatically organize your posts in chronological order, whether you prefer ascending or descending.
With the simple shortcode [cool-timeline], you can easily display a timeline on any page of your website. The plugin is also fully responsive, ensuring that your timelines look great on any device.”

Cool Timeline Shortcode

[cool-timeline layout=”default” skin=”default” date-format=”F j” icons=”YES” show-posts=”20″ order=”DESC” story-content=”full”]

• Gutenberg Timeline Block:- An advanced Timeline Block for Gutenberg, which allows you to easily create elegant timelines using pre-made presets. With this block, you can create any type of timeline, from roadmaps to process steps and events, opening up endless possibilities for showcasing your content in a visually compelling way.

• Compact Timeline:-Our free users can also create a compact timeline, which means a timeline without a lot of space between stories.

• Clean Layout:- If you love a clean and clear look without a lot of colors then you can showcase your story via our clean layout.
• Horizontal Roadmap Timeline:- With the help of the Roadmap design, you can represent your Project/Company Plans and Phases.
• Advanced Design & Optimized Code:- We have also made it developer-friendly, you can easily customize the timeline story default query.
• The ability to create both one-sided and two-sided vertical timelines.
• The option to display timeline images in a pop-up or link to the full story.
• The ability to include cool icons alongside stories.
• Customizable background colors for stories and year circles.
• The option to specify different title colors for stories.
• You can specify different colors for the story post’s title.
• A read more button for linking to the full story page.
• The ability to sort stories in either ascending or descending order.
• Easy to use shortcode to place the cool timeline wherever your heart desires – [cool-timeline].
• The plugin is Translation ready and has already been translated into 4 languages – German, French, Indonesian, and Italian.
• TinyMCE button to generate the timeline shortcode or easily add the shortcode on any page using Gutenberg ready blocks.
• Responsive and mobile-ready timeline.

Where can you use the 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:-

• Highlight your company’s achievements and significant milestones.
• Creating a historical timeline to showcase a company’s history.
• Presenting tutorial or process steps in a timeline format.
• Illustrating a program’s timeline.
• Using a timeline as a visually effective way to depict historical events.
• Building a timeline to highlight job stories or accomplishments.
• Representing a personal story through a timeline.
• Detailing work experience through a timeline format.
• Providing a step-by-step guide using a timeline.
• Creating an events timeline.
• Developing a product roadmap.
• Telling a brand’s story through a timeline format.
• Showcasing a project or company’s roadmap.”

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 Cool Timeline Pro version for extra cool features and design options.

Buy Cool Timeline Pro | Check Timeline Pro Documentation

Cool Timeline Pro Features

“Cool Timeline Pro is an advanced version of our popular timeline plugin that offers even more design options and functionalities to help you create stunning timelines. Whether you’re looking to create a historical timeline for your company, showcase your personal story, or plan a product roadmap, the pro version gives you more flexibility and control to make your timelines truly unique.
With the pro version, you’ll have access to a range of advanced features such as:

• 40+ Timeline Designs
  Cool Timeline Pro Provides 4 Timeline Layouts:-
  • Vertical Timeline
  • Vertical Compact Timeline
  • Vertical One-Side Timeline
  • Horizontal Timeline

  Every Timeline Layout Supports 6+ Design Options & 3 Skins(light, dark):-

  • Default Design
  • Flat Design
  • Elegant Design
  • Clean Design
  • Classic Design
  • Modern Design

  Check All Demos…

• Timeline Settings, Colors & Typography:-
  Cool Timeline Pro provides an advanced setting panel to easily manage timeline visibility settings, background/timeline elements colors and fonts/typography styles, and color options.
• Video, Images & Slider:-
  You can easily display small and big images, YouTube / Vimeo videos, and images slide-show inside Cool Timeline Pro. You can add them easily while adding a timeline story.
• Custom Color Option For Every Story:-
  While adding stories in Cool Timeline Pro, you can provide different colors for different stories, which means you can easily create a multi-color timeline by using this advanced custom color feature provided by Cool Timeline Pro.
• Multiple Timelines:-
  You can create multiple timelines in one website based on different categories by using the Cool Timeline Pro WordPress plugin. You can display these timelines in any layout(vertical/horizontal) or design.
• Easily Add Shortcode Using Smart Generator:-
  If you are using a classic code editor inside WordPress while adding a new page or post then you can easily add a shortcode inside any page by using the smart shortcode generator tool inside your code editor.
• Gutenberg / Elementor / WPBakery:-
  First, publish stories one by one then you can show these stories in a timeline layout easily inside any page builder:- Gutenberg blocks, Elementor, or WPBakery.
• Show Custom Label Instead Of Date:-
  Cool Timeline Pro provides features to show custom text in place of date/time in the timeline. You can add custom text and custom story order easily via simple settings while adding a timeline story.
• Timeline In Any Order ASC / DESC:-
  Timeline shortcode provides an option to show timelines in any order, you can show either ascending or descending order according to your needs.
• Show Filters In Timeline:-
  You can show category-based filters above a timeline and users can see different category-based timelines on one page by selecting a filter/category.
• Blog Posts Timeline:-
  You can show your website blog posts on any page in a timeline layout using Cool Timeline Pro. Also, you can represent any post type in the timeline layout by simply adding a post-type slug in the timeline shortcode.
• Ajax Load More And Pagination Support:-
  Cool Timeline Pro provides both features – pagination and loads more. If you have a lot of stories inside your timeline then you can add pagination or load more buttons after a particular number of stories in your timeline.
• Scrolling Navigation:-
  You can show small scrolling navigation on your timeline page for quick timeline navigation. A user can quickly and easily reach a particular year story through this small timeline navigation.
• FontAwesome or Custom Image Icons:-
  You can show font awesome or custom image icons along with every story inside your timeline.
• Show HTML or Read More Inside Timeline:-
  You can show links, bold text, or any custom HTML tag inside timeline stories or you can also show a read-more link to the full story page or any custom URL.
• Add Any Date Format Inside Timeline:-
  You can represent timeline dates inside any date format, just add a date format inside your shortcode and it will show the date/year in your desired format. Check this URL:- https://wordpress.org/documentation/article/customize-date-and-time-format/
• 15+ Animation Effects:-
  Cool Timeline Pro provides 15+ cool animation effects for a premium timeline design experience.
• Premium Support For Pro Users:-
  We provide premium support services to our Pro users. If you face any issue while creating your dream timeline inside your website, just reach out to us here – Get Support and we will provide a solution in 24 hours.

Get the most out of your timelines with Cool Timeline Pro and elevate your website’s visual storytelling to the next level.”

// customize Stories dates format
add_filter('cool_timeline_story_date',array($this,'ctl_story_date_filter'));
function ctl_story_date_filter($format) {
    //You can find a complete list of date formats from- https://secure.php.net/manual/en/function.date.php
    $format='Y';
    return $format;
}

add_filter('cool_timeline_story_content',array($this,'ctl_story_content_filter'));
function ctl_story_content_filter($content) {
    return $content;
}

// changes stories image size
add_filter('cool_timeline_story_img_size',array($this,'ctl_story_image_size_filter'));
function ctl_story_image_size_filter($img_size) {
    // thumbnail:- Thumbnail (150 x 150 hard cropped)
    // medium :- Medium resolution (300 x 300 max height 300px)
    //'medium_large' :- Medium Large (added in WP 4.4) resolution (768 x 0 infinite height)
    //'large':- Large resolution (1024 x 1024 max height 1024px)
    //'full':- Full resolution (original size uploaded)
    // array(200,200): custom size
    $img_size='thumbnail';
    return $img_size;
}

// change read-more text
add_filter('cool_timeline_read_more_text',array($this,'ctl_stories_readmore'));
function ctl_stories_readmore($read_more_text) {
    $read_more_text="test";
    return $read_more_text;
}