Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

How to Add a Facebook Style Timeline in WordPress

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Do you like the Facebook timeline design? Want to add a timeline style design on your site? Well now you can. While there are several WordPress themes that display posts in a Facebook’s timeline style, what if you wanted to display it only for a specific category or tag? In this article we will show you how to add a Facebook style timeline in WordPress without changing your theme.

The timeline display is perfect if you want to follow your progress on a specific topic on your life or business.

Preview of a Facebook style timeline in WordPress

Video Tutorial

Subscribe to WPBeginner

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

First thing you need to do is install and activate the Timeline Ultimate plugin. Upon installation, the plugin will add a new Timeline Ultimate menu in your WordPress admin bar. To create your timeline you need to visit Timeline Ultimate » New Timeline Ultimate.

Timeline Options

You will be asked to enter a title for your timeline which can be anything you want. Below that, you will notice three tabs: Timeline Options, Timeline Style, and Timeline Content. By default, the plugin will show you timeline options tab where you can select the number of posts and thumbnail settings.

Timeline Ultimate comes with a number of built-in style options. Click on the Timeline Style tab to configure the display of your timeline. You can choose background image, colors, and font sizes.

Timeline Style

After that you need to click on Timeline Content tab to adjust content settings. Timeline Ultimate supports custom post types as well.

Timeline content settings

You can also choose from your latest posts, categories, tags, custom taxonomies, yearly or even monthly archives.

Once you are satisfied with the changes, simply click on the publish button to make this timeline ready.

Displaying Your Timeline on a Post or Page

Each timeline created by the plugin comes with its unique shortcode and template tag. All you need to do is copy the shortcode and then post it in a page or post in WordPress.

Copy and paste this shortcode to display your timeline

That’s all you can now visit the page and see your Facebook style timeline in action.

We hope this article helped you add a Facebook style timeline to your WordPress site. You can add multiple timelines, so feel free to add timelines for your events, topics, or journal keeping.

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

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

3 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Preetam Kumar Patel says

    How to add data in timeline from front end .Means data will be enter from a webpage (like result of a student) and it will be shown in the the time line in defferent page.

  3. Steve says

    Why can I not comment or see comments of those who go to our site? Also, why are the pictures not showing up by my posts?

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.