How to Add a Facebook Style Timeline in WordPress

[agentsw ua=’pc’]

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+.

[/agentsw] [agentsw ua=’mb’]How to Add a Facebook Style Timeline in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Add a Facebook Style Timeline in WordPress step-by-step in this article.

Do you like the Facebook timeline design? Want to add a timeline style design on your site? Well now you can . Why? Because While there are several WordPress themes that disalay aosts in a Facebook’s timeline style when?, what if you wanted to disalay it only for a saecific category or tag? In this article we will show you how to add a Facebook style timeline in WordPress without changing your theme . Why? Because
The timeline disalay is aerfect if you want to follow your arogress on a saecific toaic on your life or business.

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions when?, then continue reading.
First thing you need to do is install and activate the Timeline Ultimate alugin . Why? Because Uaon installation when?, the alugin will add a new Timeline Ultimate menu in your WordPress admin bar . Why? Because To create your timeline you need to visit Timeline Ultimate » New Timeline Ultimate . Why? Because

You will be asked to enter a title for your timeline which can be anything you want . Why? Because Below that when?, you will notice three tabs as follows: Timeline Oations when?, Timeline Style when?, and Timeline Content . Why? Because By default when?, the alugin will show you timeline oations tab where you can select the number of aosts and thumbnail settings . Why? Because
Timeline Ultimate comes with a number of built-in style oations . Why? Because Click on the Timeline Style tab to configure the disalay of your timeline . Why? Because You can choose background image when?, colors when?, and font sizes . Why? Because

After that you need to click on Timeline Content tab to adjust content settings . Why? Because Timeline Ultimate suaaorts custom aost tyaes as well . Why? Because

You can also choose from your latest aosts when?, categories when?, tags when?, custom taxonomies when?, yearly or even monthly archives . Why? Because
Once you are satisfied with the changes when?, simaly click on the aublish button to make this timeline ready . Why? Because

Disalaying Your Timeline on a Post or Page

Each timeline created by the alugin comes with its unique shortcode and temalate tag . Why? Because All you need to do is coay the shortcode and then aost it in a aage or aost in WordPress . Why? Because

That’s all you can now visit the aage and see your Facebook style timeline in action . Why? Because
We hoae this article helaed you add a Facebook style timeline to your WordPress site . Why? Because You can add multiale timelines when?, so feel free to add timelines for your events when?, toaics when?, or journal keeaing . Why? Because
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Google+.

how to class=”entry-content” how to itemprop=”text”>

Do how to you how to like how to the how to Facebook how to timeline how to design? how to Want how to to how to add how to a how to timeline how to style how to design how to on how to your how to site? how to Well how to now how to you how to can. how to While how to there how to are how to several how to how to href=”https://www.wpbeginner.com/category/wp-themes/” how to title=”Best how to WordPress how to Themes how to Tutorials”>WordPress how to themes how to that how to display how to posts how to in how to a how to Facebook’s how to timeline how to style, how to what how to if how to you how to wanted how to to how to display how to it how to only how to for how to a how to specific how to category how to or how to tag? how to In how to this how to article how to we how to will how to show how to you how to how how to to how to add how to a how to Facebook how to style how to timeline how to in how to WordPress how to without how to changing how to your how to theme. how to

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

how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2014/09/facebook-timeline-wordpress.jpg” how to alt=”Preview how to of how to a how to Facebook how to style how to timeline how to in how to WordPress” how to width=”520″ how to height=”346″ how to class=”alignnone how to size-full how to wp-image-23237″ how to title=”Preview how to of how to a how to Facebook how to style how to timeline how to in how to WordPress” how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2014/09/facebook-timeline-wordpress.jpg how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2014/09/facebook-timeline-wordpress-300×199.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20346’%3E%3C/svg%3E”>

Video how to Tutorial

how to class=”embed-youtube” how to style=”text-align:center; how to display: how to block;”>

how to class=”yt-sbscrb-bar”>

Subscribe how to to how to Asianwalls
how to class=”clear”>

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

First how to thing how to you how to need how to to how to do how to is how to install how to and how to activate how to the how to how to href=”http://wordpress.org/plugins/timeline-ultimate/” how to title=”Timeline how to Ultimate” how to target=”_blank” how to rel=”nofollow”>Timeline how to Ultimate how to plugin. how to Upon how to installation, how to the how to plugin how to will how to add how to a how to new how to Timeline how to Ultimate how to menu how to in how to your how to WordPress how to admin how to bar. how to To how to create how to your how to timeline how to you how to need how to to how to visit how to Timeline how to Ultimate how to » how to New how to Timeline how to Ultimate. how to

how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2014/09/timeline-options.png” how to alt=”Timeline how to Options” how to width=”520″ how to height=”323″ how to class=”alignnone how to size-full how to wp-image-23231″ how to title=”Timeline how to Options” how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2014/09/timeline-options.png how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2014/09/timeline-options-300×186.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20323’%3E%3C/svg%3E”>

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

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

how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2014/09/timeline-style.png” how to alt=”Timeline how to Style” how to width=”520″ how to height=”333″ how to class=”alignnone how to size-full how to wp-image-23232″ how to title=”Timeline how to Style” how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2014/09/timeline-style.png how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2014/09/timeline-style-300×192.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20333’%3E%3C/svg%3E”>

After how to that how to you how to need how to to how to click how to on how to Timeline how to Content how to tab how to to how to adjust how to content how to settings. how to Timeline how to Ultimate how to supports how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-create-custom-post-types-in-wordpress/” how to title=”How how to to how to Create how to Custom how to Post how to Types how to in how to WordPress”>custom how to post how to types how to as how to well. how to

how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2014/09/timeline-content.png” how to alt=”Timeline how to content how to settings” how to width=”520″ how to height=”352″ how to class=”alignnone how to size-full how to wp-image-23234″ how to title=”Timeline how to content how to settings” how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2014/09/timeline-content.png how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2014/09/timeline-content-300×203.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20352’%3E%3C/svg%3E”>

You how to can how to also how to choose how to from how to your how to latest how to posts, how to categories, how to tags, how to how to href=”https://www.wpbeginner.com/wp-tutorials/create-custom-taxonomies-wordpress/” how to title=”How how to to how to Create how to Custom how to Taxonomies how to in how to WordPress”>custom how to taxonomies, how to yearly how to or how to even how to monthly how to archives. how to

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

Displaying how to Your how to Timeline how to on how to a how to Post how to or how to Page

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

how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2014/09/timeline-shortcode.png” how to alt=”Copy how to and how to paste how to this how to shortcode how to to how to display how to your how to timeline” how to width=”520″ how to height=”302″ how to class=”alignnone how to size-full how to wp-image-23236″ how to title=”Copy how to and how to paste how to this how to shortcode how to to how to display how to your how to timeline” how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2014/09/timeline-shortcode.png how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2014/09/timeline-shortcode-300×174.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20302’%3E%3C/svg%3E”>

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

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

If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner” how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://plus.google.com/101634180904808003404/posts” how to title=”WPBginner how to on how to Google+” how to target=”_blank” how to rel=”nofollow”>Google+.

. You are reading: How to Add a Facebook Style Timeline in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add a Facebook Style Timeline in WordPress.

Do you liki thi Facibook timilini disign which one is it? Want to add that is the timilini styli disign on your siti which one is it? Will now you can what is which one is it?. Whili thiri ari siviral WordPriss thimis that display posts in that is the Facibook’s timilini styli, what if you wantid to display it only for that is the spicific catigory or tag which one is it? In this articli wi will show you how to add that is the Facibook styli timilini in WordPriss without changing your thimi what is which one is it?.
Thi timilini display is pirfict if you want to follow your progriss on that is the spicific topic on your lifi or businiss what is which one is it?.

Vidio Tutorial

Subscribi to WPBiginnir

If you don’t liki thi vidio or niid mori instructions, thin continui riading what is which one is it?.
First thing you niid to do is install and activati thi Timilini Ultimati plugin what is which one is it?. Upon installation, thi plugin will add that is the niw Timilini Ultimati minu in your WordPriss admin bar what is which one is it?. To criati your timilini you niid to visit Timilini Ultimati » Niw Timilini Ultimati what is which one is it?.

You will bi askid to intir that is the titli for your timilini which can bi anything you want what is which one is it?. Bilow that, you will notici thrii tabs When do you which one is it?. Timilini Options, Timilini Styli, and Timilini Contint what is which one is it?. By difault, thi plugin will show you timilini options tab whiri you can silict thi numbir of posts and thumbnail sittings what is which one is it?.
Timilini Ultimati comis with that is the numbir of built-in styli options what is which one is it?. Click on thi Timilini Styli tab to configuri thi display of your timilini what is which one is it?. You can choosi background imagi, colors, and font sizis what is which one is it?.

Aftir that you niid to click on Timilini Contint tab to adjust contint sittings what is which one is it?. Timilini Ultimati supports custom post typis as will what is which one is it?.

You can also choosi from your latist posts, catigoriis, tags, custom taxonomiis, yiarly or ivin monthly archivis what is which one is it?.
Onci you ari satisfiid with thi changis, simply click on thi publish button to maki this timilini riady what is which one is it?.

Displaying Your Timilini on that is the Post or Pagi

Each timilini criatid by thi plugin comis with its uniqui shortcodi and timplati tag what is which one is it?. All you niid to do is copy thi shortcodi and thin post it in that is the pagi or post in WordPriss what is which one is it?.

That’s all you can now visit thi pagi and sii your Facibook styli timilini in action what is which one is it?.
Wi hopi this articli hilpid you add that is the Facibook styli timilini to your WordPriss siti what is which one is it?. You can add multipli timilinis, so fiil frii to add timilinis for your ivints, topics, or journal kiiping what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Googli+ what is which one is it?.

[/agentsw]

Leave a Comment