Posted in:

WordPress Facebook Integration

How to Add a Facebook Like Button to a WordPress Site?

Facebook is one of the most popular social networking sites over the world, with over 1 billion active users and millions of posts sharing every day. Think about that, if your WordPress site can promote on it with millions of fans, how many visitors can be driven to your site. Luckily, Facebook officially released its Like button that allows users quickly share content on Facebook to freely advertise their companies, products or websites.

As a website owner, you want more visitors, more traffics, and more touches. So, this is a great way to make it. We are going to share the advantages of adding Facebook Like button, and show some simple ways you can implement Facebook Like button into a WordPress site.

The Advantages of Adding Facebook Like Button

Facebook is one of the most visited websites which covers users from 13 to 77. Each user has a news feed where she or he can see the updates from friends. So if one user shares something new, all her or his friends will be reminded.

By adding a Facebook Like button to WordPress, you can easily market your site with millions of Facebook fans. When readers click the “Like” button on your post, they automatically share your post on their Facebook wall. That means your posts or pages can instantly and freely advertise on your readers’ Facebook pages, and attract thousands of their friends at the same times.

For instance, a reader with 500 Facebook friends clicks the Like button on your post, so all of the 500 friends will be reminded. Then, they will go to see the updates, and may Like your post as well, and thing continues as this. So, this is the best free word of mouth advertising.

Following the below simple steps to add the Facebook Like button to your WordPress site, you can make your site spreads widely on Facebook. In general, there are two ways to add the Facebook Like button to a WordPress site:

  • Using default Facebook Like button.
  • Using a WordPress plugin.

Below, we introduce the two methods in detail.

Adding Facebook Like Button in WordPress Directly

Facebook has released a Like button using Extend Facebook Markup Language (XFBML) at the developer page so you can simply go there and get it. In addition, you can also use the configurator to customize the layout and style of Like button.

Go to the Facebook developers page:
https://developers.facebook.com/docs/reference/plugins/like/
, scroll down to the Configurator.

add Facebook Like button in WordPress

There are 6 options to customize, URL to like, width, layout style, font, color scheme, verb to display. Once you entered the details, click the Get Code button and you can copy the snippet and paste it into your HTML.

    • To display Facebook Like button in WordPress side bar, you can login into WordPress admin panel, go to Appearance – > Widgets, drag the Text to the Main Sidebar on the right, to activate it and paste the code in it.

add Facebook Like button in WordPress

  • If you want to add the Facebook Like button into all pages and post top on the screen, you can go to the theme directory and open the hearder.php, paste the code under the bottom and save the file.
  • While you want to display the button into all pages and post bottom on the screen, you can go to the theme directory and open footer.php, paste the code in it and save the file.

Adding Facebook Like Button in WordPress Using a Plugin

There are many WordPress plugins available to add a Facebook Like button to your post or page. You can get some useful plugins at WordPress.org.

Before selecting a plugin, you need to review the documentation and user ratings. Or you can following some lists of best WordPress plugins. Below is the best plugins we ranked for some aspects, all of the plugins are reviewed by our editors comprehensively and deeply, you can check it if needed.

For Facebook Like button, you can go with the WordPress plugin Like. Log into your WordPress admin panel, go to Plugins -> Search “Like”, install and activate it.

add Facebook Like button

Still now, everything is ok. All your posts will be added a Facebook Like button under the title and under the content. If you want to change the button, just Edit it in Plugins.

Set Up Facebook Comments Plugin in WordPress

Facebook Comments is a rich-featured WordPress plugin designed for Facebook comments management and customization. Besides, it has the ability to make the annoying Facebook comments setup hassle-free so as to easily integrate with all posts, pages or some other content types on your WordPress website. In the following guide, we would like to tell you how to make full use of this powerful plugin.

Plugin URL: https://wordpress.org/plugins/facebook-comments-plugin

facebook comments plugin

How to Set Up Facebook Comments Plugin?

Before everything, you are required to find out this plugin from WordPress.org or do it via your WordPress dashboard. Here, we opt for the second method. Log into WordPress dashboard with your account and then enter Plugins > Add New to search Facebook Comments released by Alex Moss. Click Install Now. Once accomplishing the installation, you need to activate this plugin.

install facebook comments plugin

Go to Plugins > Installed Plugins > Facebook Comments Settings. Here, you are required to enter Facebook App ID to make this plugin work properly. And now, let’s move on to the following steps to obtain an App ID.

setup facebook comments

Firstly, access to Facebook Developers page and then click Apps > Register as a Developer. Re-enter your password when prompted. Click Submit and then follow the directions step by step.

setup facebook comments

Click Apps > Add a New App. And then, you are required to select a platform to get started. Here, we pitch on Facebook Canvas.

setup facebook comments

Click Skip and Create App ID button and you will be in the face of a popup called Create a new App ID. You should enter the name of your app that will be displayed and select one of the most suitable categories from the drop-down. Click Create App ID.

setup facebook comments

You are now getting the App ID and App Secret. Click Show button to display your App password and then note it down.

setup facebook comments

Click + Add Platform and choose Website. And then, the Website box comes out here, and it requires you to enter the site URL and mobile site URL. Enter your website URL to be associated in the two blanks. Click Save Changes.

setup facebook comments

And now, let’s go back to WordPress Dashboard. Click Settings > Facebook Comments and copy and paste your App ID into the APP ID field.

setup facebook comments

And then, you are required to customize the following settings.

setup facebook comments

Moderation

This is where to manage moderators. You are allowed to determine whether to view moderator status and whether to see all comments by clicking the given link. Besides, you can appoint some of admins to moderate comments.

Main Settings

This is where to enable or disable some primary settings, including Enable FBML, Use Facebook NameServer, Use Open Graph NameServer, Use HTML5 and Credit. Check the options if they are in demand.

Display Settings

This option enables you to determine where to showcase the Facebook comments box on your website. You are allowed to integrate the comment box with posts, pages and homepage. Besides, there are multiple languages available for you while the default one is English.

The Color Scheme includes Light option and Dark option, and it decides the tone of the comments. The rest of settings enable the customization for number of comments, comment box width, comment title and comment text.

Finally, click Save Changes to confirm all settings. The Facebook comments box will be shown as the following screenshot.

setup facebook comments

What’s more, the Facebook Comments Plugin enables to users add a comments box to a certain page or post by using shortcode fbcomments. Besides, more shortcodes are shown below the settings, which can be used to customize Facebook comments. Make a study of the following shortcodes to learn how to customize your Facebook comments in a proper way.

setup facebook comments

For instance, the first example of using the shortcode indicates that the width of Facebook comments box is 375, the countstyle is “wonderful comments!”, and the comment count is off state.

More Recommendations for You

WordPress has developed a large number of comment plugins for Facebook as well as some other social networks, like Google+, Twitter, Tumblr, and so on. For example, the Facebook plugin is a great tool to enable Facebook on your website and also allows the showcase of Like button, Send button, Follow button and comments box. Besides, Jetpack enables social networking comment system and makes the comment management much easier.

Auto Post WordPress Blog Posts to Facebook

Facebook becomes increasingly popular with WordPress users, for which has great potential to increase traffic. Many webmasters tend to integrate Facebook with their WordPress sites so as to take more benefits from this power social network. To enable more popularity for your WordPress site, you might as well share posts through this great platform automatically.

That is a win-win method to allow both your Facebook page and website to be favored by more visitors. This guide on how to auto post WordPress blogs post to Facebook introduces an easy way to make a hit.

Use Social Networks Auto-Poster Plugin

Share WordPress Posts to FacebookPlugin is the simplest way to fulfill a task without using any code. The NextScripts: Social Networks Auto-Poster is selected here to help you achieve the goal. This plugin enables an easy manner to automatically share new posts or reshare old posts on various social networking platforms, like Facebook, Google+, Tumblr, Twitter, and so on.

The process of post sharing is completely automated. In this way, you can get the shared posts reached by most audiences and all your friends. And now, set about installing this plugin via WordPress dashboard to get more customizable features.

Auto Post WordPress Blog Posts to Facebook

Having this plugin installed and activated, an array of options is available for you to auto share WordPress posts to Facebook or other social networking accounts. Go to Settings > Social Networks Auto Poster and come to the settings page. Follow this step-by-step guide to set up this plugin.

Social Networks Poster Options

Step 1: Add New Account

The first tab is where to add the social network account used to share WordPress posts. That can be any social network accounts according to personal needs. Here, we are going to add a Facebook account. Click the “Add new account” button and select Facebook from the drop-down list.

Add New Network

Step 2: Set Up Facebook Account Information

Once selecting Facebook, here comes a list of settings for Facebook account setup. Give your account a nickname to help you easily identify it. And then, move to the Account Info section. The Facebook URL field is where to paste the URL of your Facebook profile, page or group. That depends.

Enter the Facebook App ID and Secret as required. The Message Text Format box is where to customize the message to be sent to others. Leave the default setting or customize the text as you want.

There are three post types available here. The Text Post is the post type only includes text message. The Image Post combines text message with big image. The third post type, Text Post with “attached” link, attaches a link to each text post. This one is highly recommended. Having all settings done, click “Update Settings”.

Set Up Facebook Account

Step 3: Schedule Autoposts Time

Move to the Settings tab and that allows a list of advanced settings for you to customize the autoposts. Before everything, we are going to set the publish time from the first section “How to make auto-post?”. Two options are available for you, including “Publish Immediately” and “Use WP Cron to Schedule Autoposts”.

The first option allows all posts to be shared on your Facebook page once publishing on the WordPress website. The second one leaves room for post schedule by using WP Cron. That makes it possible to limit autoposting speed and randomize posting time so as to enable more flexibility. Make a decision according to personal needs.

Make Auto Posts

Perhaps, if there is a need to repost some existing articles, you can schedule the time for auto reposting by going back to Your Social Networks Accounts tab. Show settings and extend the Advanced tab. Customize the options subject to the “Auto Reposting” function by following this guide. And then, update all settings.

Step 4: Share New Post to Social Network

Go to Posts > Add New to create a new post. Perhaps, you can edit an existing post in draft. Here comes a new section that requires you to determine how to share this post on your Facebook account. Having all settings done, you should publish this post.

New Post to Social Networks

After a while, the post will be published on your Facebook account automatically based on the settings in step 3.

Utilize the Facebook Auto Publish

This is a great option we’d like to recommend if you are looking to connect your WordPress site with Facebook tightly for the auto-sharing of web content. With it, you can choose to publish your blog posts as the pure text messages, the attached links to your website or some images with the textual descriptions. In addition, this plugin has a highlighted filtering feature, with which you can filter the content sharing based on your custom post types and blog categories.

Now, you can start installing the Facebook Auto Publish plugin from the back-end of your WordPress site. After that, you need to click the Facebook Auto Publish button from the navigation menu. Here, you can set up this plugin for some important aspects.

Create Facebook Application

First of all, you have to create a Facebook Application and enter its ID and secret into the mandatory fields. To create such an important application, you initially should enter this Facebook App page and click the Add a New App button. After that, you need to choose a platform to get started. The listed options include IOS, Android, Facebook Canvas and Website. This time, you should choose the Website option.

Add A New APP

In the next screen, you should give a name to this application and click the below button.

Create New Facebook App ID

After that, you need to offer the contact email that is used for the necessary communication about your Facebook app and to choose the category for the application. Then, click the Create App ID button.

Create App ID

Now, you can be brought to the dashboard of this application. Here, you can find the App ID and App Secret. Just copy them.

APP Dashboard

Next, you should click the App Review button from the navigation to make this app available to the public.

App Review

In addition, you should click the Settings button and then hit the Add Platform button. Here, you can find some platforms that can be associated with your Facebook App. Simply click the Website option and offer your website domain before saving the changes.

Add Platform

Now, you can go back to the plugin settings of your WordPress site and enter the required ID and secret of that Facebook application.

Fill Out the Mandatory Fields

In addition to the Application ID and Application Secret, you also should offer your Facebook User ID. To get this, you only need to enter the profile page of your Facebook account, and then, find the ID from the address bar.

Facebook User ID

Then, you can decide the format for the sharing of your blog posts. For instance, you can choose to add the blog title, post title, post link, content, excerpt and author name into the Facebook message. Also, you should determine the posting method between the options of text, text with links and text with images.

Lastly, do not forget to enable the auto-publishing feature of this plugin.

Message Format for Posting

Decide the Basic Settings

Now, you need to decide some basic settings of this plugin, which directly influence how your blog posts will be shared on the Facebook platform.

  • You can choose to publish both the WordPress “pages” and “posts”, or only share either of them.
  • This plugin allows you to select the post categories that can be applied to the auto-publish feature. In this case, you can share all the categories or only some specific options based on your needs.
  • If you have the custom post types and only want to choose some of them for auto-publish, you can choose your targets from the drop-down list.
  • When editing a post or a webpage, you can choose the auto-publish as the default selection or not.
  • You are allowed to enable the SSL verification for the better security.
  • This plugin allows the filter feature during publishing, so you can choose to enable the content filter, title filter and excerpt filter.

Basic Settings

After clicking the Update Settings button, you need to authorize this plugin from the WordPress admin. This is the last step that you need to do. After that, every time you publish a new post on your site, it will be shared on Facebook automatically.

Authorize Plugin

Find Facebook ID for Post, User and Fan Page

Facebook ID is the only numeric value indicating your Facebook identification. For example, the user ID is used to uniquely identify the difference between you and other users while the post ID is used to distinguish a specific post on Facebook. And this time, we are going to fix your confusion of how to get Facebook ID number.

In general, we pay little attention to the Facebook ID and hard to find it because it has been overwritten with the username, looking like http://www.facebook.com/createwebsite. However, sometimes we do need it for some specific reasons, such as for integrating Facebook Like Button and Like Box. To help readers make the process easily and quickly, we sum up several methods to get Facebook ID number for posts, users and fan pages.

Get Facebook User ID

facebookWhen you sign up a Facebook account at first, it assigns you with a unique ID number that helps the network and others to recognize your uniqueness. Well, when you create a custom username for the account, the network overwrites your profile URL and includes the username as a part of address.

You need the Facebook token when installing a Facebook plugin on the site or building a Facebook application. However, it’s hard to find the user ID as the profile URL always looks like https://www.facebook.com/MyUsername. Don’t worry. Follow with the below 3 methods, you can easily get your Facebook profile ID within 1 minute.

Use Facebook User ID Finder

To make the process easier and quicker, some developers create an effective application for finding Facebook User ID. Form various of choices, Find My Facebook ID is an excellent one that allows you to lookup numeric ID by entering the personal Facebook profile URL. Go to the site and you can see a text field, where you can simply paste into the profile URL and submit it.

Find My Facebook ID Interface

Once found, it presents you the ID number on the next screen. For example, the below screenshot showcase the numeric ID of WhatsWP.

Facebook ID showcase

By this way, you can get your own profile ID or other users’ ID.

Here, we need to mention that the personal profile URL can be got when you hit on the name of your Facebook account in the upper left area of the homepage. Generally, the URL looks like as the following examples.

  • https://www.facebook.com/AccountName
  • https://m.facebook.com/account.name
  • https://www.facebook.com/profile.php?id=123456789

Get Facebook User ID with Graphic API

In order to get the user ID, you can go to get your profile link and instead the subdomain “www” with “graphic”. For example, as our profile URL is https://www.facebook.com/createwebsite, we can change it like https://graph.facebook.com/createwebsite. Paste this link into browser address bar and turn to the page, you can get the result like the below screenshot, from which you can find the User ID in the first line.

Get Facebook User ID form Link

Get Facebook User ID by Editing Profile

Before to start the steps, you need to note that this method is only valid for getting your own Facebook user ID, but not available for others. By simply editing your profile, you can easily find the User ID in the browser address bar.

Get Facebook User ID by Editing Profile

Get Facebook Page ID

The Facebook Page ID is a unique numeric value that identifies itself in the Facebook database. To install some Facebook apps, you are required to enter the page ID to get the only authorized. To get it, you can follow the below steps.

To find your own Page ID, you can easily get it by editing the Page. Mouse over the Page you want to get its ID, then it appears on Edit icon on the left side, then click on it to edit your page.

In the next, click on Settings on the top menu bar and you can see a list of options. Click on Page Info and find the Facebook Page ID on the bottom of right list, which is what you find.

Get Facebook Page ID

If you want to get the Facebook ID of others’ page, you can paste the page link into a Find My Facebook ID Finder or change the “www” as “grapic” simply. Generally, the operation is just as that of finding Facebook user ID above.

Get Facebook Post ID

If you read an interesting and meaningful post on Facebook and want to embed it into WordPress website, then you need to get the Post ID. The process is quite easy and you can simply achieve it with few clicks.

Click on the Time and Data link under the username, you will be linked to the Post page. At present, you can easily select the Post ID from the page URL, looking like the below screenshot.

facebook post id

Embed Facebook Page Reviews in WordPress

As far as we know, a great many our readers have the need to embed Facebook reviews in WordPress. Being one of them, you can find an easy solution to achieve the goal. Thanks to the recommended plugin, posting Facebook reviews from your page to your WordPress site won’t be a setback ahead of your hosting journey.

Why Embed Facebook Page Reviews in WordPress

It is a good thing that Facebook is featured with a star rating system. Your customers will have the convenience to rate your products and businesses via the system. To some extent, Facebook page views can be seen as testimonials in WordPress. Most social media platforms, for example, Facebook.

Facebook page reviews will give you more chances to promote your business and create greater brand awareness. Without doubt, new users will have more trust in what others have said. Facebook page reviews on your WordPress site can be part of marketing strategies to build your brand.

Embed Facebook Page Reviews in WordPress

At the beginning, you probably take it for granted that Facebook page views are difficult to embed in WordPress. In the market, there are developers who have created some exclusive plugins. Facebook Reviews is the plugin which distinguishes itself from others.

The installation and activation of Facebook Reviews are the first steps to take. The detailed procedures to install a plugin are available in this guide, which makes it clear how to extend the WordPress functionality.

Once activated, the plugin will generate the Facebook Reviews widget on the Appearance > Widgets screen. Drag and drop the widget to appear in your sidebar.

Embed Facebook Page Reviews in WordPress - Facebook Reviews widget

The next thing is to input your widget title before the connection to your Facebook.

Embed Facebook Page Reviews in WordPress - Connect to Facebook

With a click on the Connect to Facebook button, you will have an overview of all your Facebook pages. After the selection of a page, the reviews will be displayed in your sidebar.

In fact, many widget settings are available to decide how to display your page reviews in WordPress.

In Review options, the reviews can be filtered before their showcase and the number of reviews per page is up to you.

Embed Facebook Page Reviews in WordPress - Review and Display Options

Having expanded Display Options, three options are available for you to check: Hide page photo, Hide user avatars, and Dark background. Also, you can put limits on the review length and choose a widget theme for your Facebook page reviews.

What comes after Display options are Slider options. The most noticeable option is to fix slider speed.

Advance options can meet your higher requirements. According to the settings, your Facebook page reviews can be optimized for faster speed and better user experience. Links, caches, and more can be managed in this section.

Embed Facebook Page Reviews in WordPress - Advance Options

When it comes to the end of your settings, don’t forget to save your changes with a click on the Save button. Then your Facebook page reviews can be seen from the sidebar on your WordPress site.

Embed Facebook Page Reviews in WordPress - Sample

There is also a pro version for the purpose of displaying Facebook reviews on any desired place. This can be possible with the shortcodes generated by the Facebook Reviews Pro.

Display Facebook Photo Album in WordPress

Looking for a way to display Facebook photo album in WordPress? In the following, we have introduced the simple method for doing so. Frankly speaking, with the help of various WordPress plugins, you can achieve the integration easily.

In fact, when displaying a large number of images or photos on your WordPress site, we highly recommend you to upload the items to some third parties like Facebook, instead of on your website directly. This way, you can save a lot of traffic and server resources. Also, you do not need to worry about the page loading speed that can be influenced by these multi-media components. Even, you can enjoy the following two main benefits by doing so.

  • You can get much more likes on your Facebook pages and the album, which result in more followers and the better influence on this large social media platform.
  • In return, the more Facebook followers can bring much more traffic to your WordPress site and the natural research for your web content.

How to Create the Facebook Photo Album

To create the photo album on your Facebook account, you only need to go through the following simple steps.

Firstly, you should go to your profile page and click the Photo/Video Album button. Here, you can upload all the images you are looking to upload.

Photo/Video Album

After the successful uploading, you can create the album by filling out the required information. These include the album title, the caption, the location when taking the photos and many more. Now, you can publish it.

How to Display Facebook Photo Album in WordPress

To put your Facebook photo album on your WordPress site, you can make use of the Facebook Album plugin. This is a simple tool that allows you to showcase your Facebook album onto your site with the album URL, the plugin shortcode or the exclusive widget.

Once you have installed this plugin successfully, you need to click the Facebook Album button from the WordPress Settings part.

Determine the General Settings

From this settings page, you firstly need to determine some general settings.

Facebook Album General Settings

Here, you have to decide whether to reverse the display order or not. Note that Facebook does not support the “order” attribute. In this case, if you want to reverse the display order of your images received from your Facebook album, you can tick this checkbox. In addition, you can choose to showcase the album title and the image description in the lightbox or not.

As for the image size, you have 6 options to choose. And you can choose the cache lifetime from 1 hour to 2 days.

By default, this plugin will showcase the Facebook Page albums. However, you also have the freedom to display the personal albums. If so, you need to create a Facebook application and enter the APP ID and secret to the correct locations.

Choose the Colorbox Settings

This WordPress plugin works with the colorbox seamlessly. In this case, you have the freedom to enable it and decide the display style, including the overlay opacity and the transition type.

Colorbox Settings

Display the Facebook Photo Album

As for the album showcase, you should use the exclusive shortcode that looks like the following sample.

Facebook Photo Album Shortcode

This way, your Facebook photo album can be displayed properly.

Facebook Photo Album

In addition, you can display the album using the Facebook Album widget. Here, you simply need to enter the display title and the album URL, choose the thumbnail size and the number of pictures, decide to showcase the album title or not and click the Save button.

Facebook Photo Album Widget

Add Facebook Timeline Design to a WordPress Site

At present, the Facebook timeline design has been well-received and enjoyed by many webmasters due to its effect on beautifying site design and boosting social interaction. Have you ever tried to embed a Facebook-type timeline to your WP site but failed just by the thought of changing the current theme?

As a matter of fact, there are a couple of WordPress themes that come with Facebook timelines by default, but you can still showcase a timeline style without altering your theme. At this place, we would like to demonstrate how it is easy to add a Facebook timeline so as to follow and record your progress on business, daily life or anything else. Note that, we will take advantage of a handy plugin named as Timeline Ultimate in the following parts.

What Is Timeline Ultimate?

Out of numerous WordPress timeline plugins, Timeline Ultimate has been widely-used for its mobile-ready and fully-responsive Facebook timeline for WordPress. More than that, this simple plugin has been tested and optimized for better performance with a bunch of useful features added. To name a few, it supports various timeline post title font size and colour as well as life-time free update.

When it comes down to the system requirement, Timeline Ultimate requires WordPress 3.8v and is fully compatible to the 4.0 version. Pay attention that this WP plugin includes multiple versions and its newest version is 1.2 that can be accessible through the following URL.

Website URL: https://wordpress.org/plugins/timeline-ultimate/

What Is Timeline Ultimate

How to Enable Timeline Ultimate in WordPress?

As you may suspect, the first thing you need to do is to install and activate this “Timeline Ultimate” plugin in WordPress. To do that, you can choose to login in the dashboard admin interface and navigate to “Plugins” > “Add New.” Just search this “Timeline Ultimate” plugin and then click on “Install Now” button. Once installed, you will be required to “Activate this plugin” so as to put it into effect.

Installed Plugins Page

Also, it is possible to enable this plugin within the cPanel “File Manager”, which requires you to deal with your theme’s files. Whichever approach you decide to use eventually, you are sure to find out this “Timeline Ultimate” plugin on the above “Installed Plugins” page.

How to Modify this Plugin?

If everything goes right as expected, there will be a “Timeline Ultimate” menu in the admin bar of your WordPress dashboard. As is implied in the following screenshot, you should head over to “Timeline Ultimate” > “New Timeline Ultimate” to get started with this plugin.

Enter New Timeline Ultimate

Upon entering this section, you should be required to fill out a timeline title based on your indulgences. After that, you are able to notice the “Timeline Ultimate Options” as follows. It is obvious that there are three editing tabs designed to personalize timeline style, including “Options”, “Style” and “Content.” In the following, we would like to explain each of these tabs one by one.

Timeline Ultimate Tabs

Timeline Options

As you can see, you will need to decide how many posts will be displayed on your site according to your requirement. In the meantime, you should specify the “Thumbnail Size” in the drop-down list that includes four selectable options, including “Thumbnail”, “Medium”, “Large” and “Full.”

Timeline Ultimate Options

And then, you can also modify the “Thumbnail max height” that should be numbered with pixel. More importantly, you have the right to decide whether display timeline date, categories and author to suit your own needs.

Timeline Style

In the “Style” tab, you will notice default styling options like “Themes.” Besides that, you are allowed to select “Background Image” for your website or left it blank. Below that, you can also choose and change the colors for the middle-circle background and middle-line background by dragging the wheel in the following color bar.

Timeline Style

As is displayed, you have the ability to define the colors and font size for post title and content, and it all depends on how you develop your website.

Timeline Colours

Timeline Content

Having done with those above-mentioned style options, you should go to the “Content tab” to adjust content settings. Firstly, you are empowered to display full post content or excerpt. At the same time, this “Timeline Ultimate” plugin supports a wide variety of post types, including post, page, attachment, revision and nav_menu_item, etc. As a matter of course, this plugin also gives full support for custom post types.

Timeline Content

More than that, you will be able to showcase your posts from lately-published posts, pages, categories, custom taxonomies, featured posts, etc. By the way, it is possible to “Filter Content” from monthly or yearly archive page. If needed, you can try to seek out professional help and get more premium features in the last “Help & Upgrade” tab.

Important to Note: If you are quite content with what has been done above, you will need to make a hit on “Publish” button to get your timeline ready to use. However, it is highly recommendable to “Preview” all your previously-made settings to make sure that this timeline will work right as expected.

Publish & Preview Timeline

How to Embed Timeline in Posts/Pages?

Whether you have published your timeline or not, you will get a line of shortcode applied to any post or page where you want to embed a timeline. In the meantime, you can also see a unique PHP code that needs to be put in your “Template” file.

Timeline Shortcode

If completed, you will be able to visit your WordPress site where there is a Facebook-type timeline. Note that, you are allowed to setup multiple timelines and use them anywhere on your website.

Other Available Alternatives

It may happen that the introduced “Timeline Ultimate” plugin is not your cup of tea. If so, we have some eye-catching alternatives for you to choose from. Note that, all of the following plugins are available at wordpress.org.

  • Timeline Pro – It allows you to build a pure CSS & HTML-based timeline style for your WordPress site. Built on short-codes, this lightweight plugin makes it much easier to create and manage multiple post types through its easy-to-use admin settings panel.
  • Timeline Express – It allows you to setup an attractive vertical animated timeline of posts without having to cope with a single line of code. Additionally, this popular plugin would automatically populate any of your ‘announcement’ posts in chronological order, on the basis of ‘announcement’ date.
  • Vina Timeline Widget – It allows you to display serial content so as to deliver more information to readers and visitors. Furthermore, this multi-functional plugin would give more life to your boring timelines by adding many interesting things, such as horizontal and vertical layouts as well as specified parameters for transparency, speed, etc.

Add Facebook Follow Button in WordPress

As one of the most widely-used social networking platforms, Facebook now has more than 1.23 billion users who are active on this platform every month. Due to this tremendous popularity, more and more webmasters have joined in this large group with the aim of website marketing. To inform site visitors about this fact, almost all of these website owners have integrated some Facebook symbols on their sites, among which the like button and the follow button are the most popular and common ones.

We have already shown you how to add the Facebook like button on the WordPress site. And in the following, we’d like to tell you the detailed steps of showcasing a Facebook follow button.

Two Situations

Before creating and adding the button, you need to realize a fact that you can add the follow button for both your website and the content authors.

facebook follow button

  • For the website – This only fits the situation that you have created a separate Facebook account for your website. Thus, followers can subscribe to the public updates of this site easily. Note that you’d better locate this button at a prominent place of the homepage.
  • For the author – Generally, some large and professional websites like createwebsite.pro has multiple content contributors, coming with different writing styles and specialized areas. If you create the button for all of these authors, then readers can choose their favorite writer to follow.

Create a Facebook Follow Button

It is very easy to create this button. You only need to go this Facebook plugin page and sign in with your account, then you can start the creation immediately.

Firstly, you need to offer your profile URL. Many people are not sure what this URL is. In fact, it is very simply to figure out. Simply go to the homepage of your Facebook and click your profile image or the button of profile edit in the left corner of the whole screen. Then, the URL displayed in the address bar of this profile page is definitely what you need.

create follow button

Now, you can see a draft button in the following. If you are not satisfied with the overall appearance, simply customize it. You can decide the width, height, color scheme, layout style directly from this webpage.

After finishing the button customization, you can click the Get Code button to get your exclusive plugin code with multiple kinds of HTML 5, XFBML, IFRAME, and URL.

button code

Add the Button for Website

Now, you can paste the code into widget or page. For widget, simply go to WordPress dashboard < Appearance < Widget. Then, after drag and drop a text widget into an appropriate place within the sidebar, you can put these lines of code into the blank space.

For webpages, it is even easier. You only need to open the hearder.php from your theme directory, and then paste the code at once.

Add the Button for Authors

In the very beginning, you need to install and activate a WordPress plugin named as Facebook, which helps you achieve all the Facebook functionalities with ease. It will add a Facebook menu item in your dashboard sidebar automatically. After clicking this item, you can be redirected to the general setting page. Now, go to the follow button option to choose the button position, color, layout, placement, and many more. Then, back to the main setting page and choose Social Publisher settings.

social publisher setting

After clicking the link of “Associate your WordPress account with a Facebook account”, you can see a new window that requires you to add some information to achieve a connection between your account and this website. After receiving your permission, this plugin can help to display a follow button for you – the website author.

Leave a Reply

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