Wordpress Tips and Tricks

How to add a Facebook button to your WordPress site?

Facebook with its new Graph Technology has helped the developer and its user to get the Social Media access in their website. With the coming of this technology, thousands of site has integrated the Facebook like button on their page, so to make their own user more socially available. It is estimated that millions of site will soon be linked up with this technology. Now we will see how to add a Facebook button to your WordPress site.

PROCEDURE I :  Edit up your Theme

We will discuss later on in this article, that there are already several methods to add up the social media plugin in your wordpress page through the plugin repository, and this method are also most easy methods to add up the Facebook like button in your page. But these predefined buttons will not give you as much control over them, as inserting some lines will do.

Why should we do this?

Depending on our website or blog, a person may want some social media to be displayed on their site, in any section of its site. Some plugins will help directly the users to edit them through the theme option. For some user it is directly easier to add up the like button through the theme files.

Within our single.php file, in the post loop part, we add the following line where we want the button to appear.

<iframe width="320" height="240" style="border: none; overflow: hidden; width: 530px; height: 60px;" src="http//<?php the permalink();?>&layout=standard&show_faces=true&width=450&action=like&amp;colorscheme=light”scrolling=" no="" allowtransparency="true" frameborder="0"></iframe>

User can change the parameters like show_face=true/false and colorscheme=dark/light depending on their preferences. Again if you want the more detailed information about this then you can see the official Facebook documentation.

Procedure II:

This the most easy option available for the users to avail this facility. Now a time there are a lot of social media plugins available for the user for this task. It’s easy to have option, but sometime it becomes hard to find the suitable plugin for your site.

Here are a few tried and like ( be clear that, this is not the limited you can try many more )

  1. Like: This Plugin supports many languages, give many display (graphics) option and can be shown at the bottom or the top of the post, on Front page, basically any page, depending on what you choose for your setting.
  2. Facebook Like Button:  This plugin has  a good setting panel that makes it easy to see and change we want our button to appear.
  3. Facebook Like Button Plugin:  Users like this plugin as because this supports shortcode, that means we can indicate which post to include a button or not.

One plugin which I love most is the Facebook Social Plugins by Olivier Lussier. It comprises of the Standard Facebook “Like” button features similar to the other plugin, but it contains other features that also support other social media plugin and the faceebook plugin for its end user to avail it to their site, to make their site more socially active.