Timelines are a great way to present information in a user-friendly way. It is being used by social networks to present their users with loads of information. If you ever wanted to show some information to your users in a fancy way, then Timeline Express is a great plugin to help you with that.
First, you will need to install the plugin from WordPress.org plugins directory. We have written an article on how you can extend your website using WordPress plugins which can help you in the installation process.
Timeline Express Settings
After installing the plugin, a new menu item will be added to your navigation menu. You can navigate to Timeline Express » Settings to go to the settings page of the plugin.
In the settings page, you will find a bunch of options to play with to get your timeline to look the way you want. Other than the look and feel options you will need to pay attention to the following
- Time Frame: This option allows you to select if you want to be able to show past or future events or both past and future events.
- Display Order: Allows you to display your announcements in ascending or descending order.
- Exclude Announcements From Site Searches: If you are only using the timeline to show headlines and do not want to include your announcement in search results then use this option.
- Delete Announcements On Uninstall: When checked, your announcements will not be deleted when you uninstall the plugin, in case you will reinstall it again and need the data.
Articles Linked Announcements vs. Announcements without Linking to Articles
There are two different ways to show the announcements in your timeline
- Have your timeline announcements linked to their respective articles
- Have the timeline announcements without linking to any articles
Timeline Express has been designed to use its own custom post types and pull those posts into a beautifully designed timeline. So for you to have the articles linked to your timeline, you will need to use the announcements post type within Timeline Expres to write those articles. You will also need to turn the “read more” visibility option on. You can do that on Timeline Express » Settings page. On the other hand, you can turn that off, and you will have a clean timeline that does not link to any articles.
We, at TechQuest.Co, have used the plugin to show you the timeline of different things we have done while creating the website. You can visit our timeline page to see it in action.
Creating your Timeline
There are four main options you need to work on before you publish your announcement
- Announcement Color: This is the color of the timeline circular icon.
- Announcement Icon: The icon you want to give this announcement.
- Announcement Date: You can create past or future events announcements using this option.
- Announcement Image: In case you want to add an image to your announcement, you can use this option.
Once you have completed the above, you can proceed to the bottom of the announcement page where you will find a full editor. The editor is where you can start writing the article which will be linked to that particular announcement. Finally, you can publish your announcement, and you should be done.
All you have left is to create a new page where you want your timeline to show and add the shortcode in it for it to be shown. For the free version of the plugin, you can use [ timeline-express ] without the spaces I have added between the brackets. If you want to have more than one timeline, then you will have to purchase Timeline Express Pro. The result should be something similar to the below. If you want to see it live then, please feel free to visit our TechQuest Timeline page.
Here is a quick demo of the plugin.
Timeline Express is a great plugin for those who are looking to show some of their content in a fancy timeline way. If you have further questions, please use the comments below or ping us on Twitter.