How to Add Beautiful Event Timeline in WordPress

Timeline used in an infographic

Table of Contents

Have you ever wanted to add an event timeline on your site? Recently, one of our users wanted to display a vertical timeline of events that has an interactive experience. In this article, we will show you how to add beautiful event timeline in WordPress without changing your theme.

Timeline used in an infographic

Timeline used in an infographic

When and Who Needs Timeline Posts in WordPress

As the name suggests, a timeline is a visual representation of time as a line.

In web design, it is often used to display a timeline of events with images, text, video and other form of content to provide a visually appealing and highly interactive user experience.

Preview of a timeline

Preview of a timeline

Companies use timeline to display their historical information. Personal site owners can use it on their about pages or even for their blog page. If you run a travel or photography website, then you can display your photographs in a nice vertical timeline that shows your journey.

If you run an event website, then you can use the timeline to live blog your event or add posts about past events.

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

How To Add a Timeline in WordPress

First thing you need to do is install and activate the Timeline Express plugin. Upon activation, you need to visit Timeline Express » Add New Announcement to add your first announcement or event.

Adding a new announcement or event in your timeline

Adding a new announcement or event in your timeline

Simply provide a title for the announcement or event, then select color, date and icon. Timeline express comes with beautiful Font Awesome icon font built-in.

Next, you can provide an announcement image which will be used as the banner. This image should be at least 650px wide or larger. Below that you will find the post editor where you can enter further details about the announcement. You can add images and videos as well.

Once you finish adding your announcement, you can publish it. Repeat the process to add a few more announcements.

Displaying Timeline on Your Website

After you have created a few announcements, it is time to display them on your website. Simply create a new page in WordPress and give it a suitable title. Add the shortcode [timeline-express] in the post editor and click on the publish button.

That’s all you can now visit the page to see the timeline in action.

We hope this article helped you add events timeline in WordPress. You may also want to see our guide on how to add Google calendar in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Follow Us On:

Copyright Notices: This website is not sharing themes by cloning or cracking. We respect the GNU General Public License (GPL) and the hard work of the theme creator. On this website, we share that link those are already stored somewhere else on the internet and are not a part of this website. Our website does not carry any responsibility for them. If your copyrighted material has been indexed by our site and you want this material to be removed then contact us immediately. We will remove it in 48 hours. All items contained within the directory on “DirectWordpressNulled” are developed by third-party developers and redistributed by “DirectWordpressNulled” under the terms of the General Public Licence (GPL).

Lastest Blog & Tips:

Table of Contents

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock