How to Add a Responsive Timeline on your WordPress Website? (Step by Step Guide)

How to Add a Responsive Timeline on your WordPress Website? (Step by Step Guide)

Are you interested in adding a responsive timeline on your WordPress website? If yes, you are in the right place.

Addition of timelines in a WordPress website can be an effective way to highlight the work experience and achievements of your company. It lets your audience explore the evolution of your business in a better way, and even plays a significant role in winning their trust and authenticity. Moreover, these event timelines also allow you to add a sense of identity in your site that reflects the purposes and future goals of your company.

If you are a WordPress user then, you can add a responsive timeline on your website with the help of WordPress timeline plugins. These plugins are available in different designs and customization options to create and add a visually appealing timeline post without touching any code. Most of the timeline plugins comes with a shortcode generator for adding your timeline on any page, post, or custom post types of your WordPress website.

Here, in this article, we will be using a free WordPress plugin – Everest Timeline Lite to show you how to add a responsive timeline on your WordPress website.

So, let’s begin and add a beautiful event timeline on your WordPress website:

Step 1: Installation and Activation

Everest Timeline Lite

Download Everest Timeline Lite from WordPress repository. Then, install it on your WordPress website. If you have any difficulty while installing the plugin, you can check out our article: How to Install New Plugin to the WordPress Site?

Step 2: Add New Timeline

After the plugin is installed, activate it. Then, you will see “Everest Timeline” appear on the left menu of your WordPress backend. Click on it.

You will land on “All Everest Timeline” page. It consists of all the timeline posts you have created on your WordPress website. To add a new timeline for your website, click on “Add New”.

Everest Timeline Lite - Listing Page

Step 3: Configuration

You will land on “Add New” page. Here, give the title for your new timeline. Then, go to the settings section to configure your timeline. The plugin contains 4 different settings sections. They are:

i) Post Settings

Here, set the post type of your timeline. Then, enable the filter taxonomy/categories post to sort your timeline with all the available taxonomy and categories.

Everest Timeline Lite - Post Settings

ii) Layout Settings

Here, you can choose the layout for your timeline. The plugin comes with 2 different layouts i.e. Vertical Timeline Layout and One Side Timeline Layout with 2 different templates for each layout. So, select the most suitable timeline layout for your WordPress website.

Everest Timeline Lite - Layout Settings

iii) General Settings

Here, you can choose the number of posts you want to display on your timeline. Also, you can enable/disable the post category, post tag, post author, post comment count, post date, and read more link.

Everest Timeline Lite - General Settings

iv) Social Share

Here, you can enable the social sharing of your timeline post. You can share the timeline of Facebook, Twitter, Google Plus, Linkedin, Email, and Pinterest.

Everest Timeline Lite - Social Share Settings

Step 4: Making your Timeline Live

After you are done, click on the “Publish” button to publish your timeline post.

Everest Timeline Lite -: Publish

Then, copy the generated shortcode and paste it anywhere on your website to display your timeline post.

Everest Timeline Lite - Shortcode

For additional features, you can upgrade this plugin into its premium version – Everest Timeline.

Wrapping Up

In this way, you can add a responsive timeline on your WordPress website. These timeline post can significantly boost the credibility of your business providing a social proof about your work experience. So, if you want to add a beautiful timeline on your website then, you can use download this plugin for free and follow this step by step tutorial.

You can also checkout the collection of:

Leave a Reply

Your email address will not be published. Required fields are marked *