WordPress Tweaks & Tuts?

Subscribe to TheCreatology via RSS | Email

How to add Facebook Send Button in Thesis Theme ?

by Aky Joe

You must be aware of latest development from Facebook, that is New Send Button. The Send button allows user to directly share favorite link with friend/s on Email. Recently I explained in the article to add Facebook Send button on WordPress Blog. In the following article we will learn to add Facebook Send Button in Thesis WordPress Theme.

Facebook Send Button for Thesis Theme

new-facebook-send-button-on-thesis

Add Send Button on Thesis

As we all know about Thesis Theme and its content management with SEO capabilities. Though it is a raw wordpress theme, allowing endless customization for wordpress blog. If you don’t have a copy of Thesis Theme then you can download thesis theme here.  If you are using an old version of Thesis Theme then I recommend you to safely upgrade thesis theme.

Standalone Send Button in Single Post

As we all know that Thesis customization is done using thesis hooks which are the overriding functions. To show send button in single post, copy-paste the code snippet in the custom_functions.php.

Make sure you take full backup of custom_functions.php file using FTP before modifying it.

function joe_adds_send_btn ()  {
if (is_single()) { ?>
<div style="float:right; margin:0 10px;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:send href="<?php echo get_permalink(); ?>" font=""></fb:send>
</div>
<?php
}}
add_action('thesis_hook_before_headline','joe_adds_send_btn');

Facebook Like with Send Button Code

As mentioned in article add Facebook Send button on WordPress Blog standalone placement for Facebook send button is not that effective. Below is the code to add like with send button in thesis, copy-paste the code snippet in the custom_functions.php.

Make sure you take full backup of custom_functions.php file using FTP before modifying it.

function joe_adds_send_btn ()  {
if (is_single()) { ?>
<div style="float:right; margin:0 10px;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="<?php echo get_permalink(); ?>" send="true" layout="button_count" width="300" show_faces="true" font=""></fb:like></div>
<?php
}}
add_action('thesis_hook_before_headline','joe_adds_send_btn');

We’re Done

Once we have added the code, now you can refresh any single page entry and you will find it similar to screenshot below:

Facebook Send button on Thesis

Facebook Send Button Demo on Single Post

You can now test the new facebook send button on your Thesis Theme, like playing with different hooks in Thesis Theme and let us know your opinion, which placement is effective for facebook send button, by posting a comment below.

Similar Topics: , ,

TheCreatology Support

Got a Query? We're ready, Just Say it!

If you have a doubt or a feedback, then get-in-touch with TheCreatology Support Team now.

Start a Hangout or Email Us

Are you looking for...

  • Logo Design
  • Web Development
  • Thesis Skin Design
  • Graphic Designing
  • Virtual Assistance
Hire Us!

3 Comments

{ read them below or add one }

wordpress May 31, 2011 at 11:46 am

Very useful for my new site i am working on.Looking for this for a ling time.Thanks:-)

Reply

Sorin September 13, 2011 at 12:16 am

hey,
i add this codes but don;t show, can be a problem with the cache?

Reply

Aky September 13, 2011 at 12:50 am

Well certainly, it cane be a problem with the cache, as I have tested the code and it works fine. 😉

Reply

Leave a Comment

Previous post:

Next post:

Contact Aky




Yes, I agree that all information above is valid.

Simple question, what's...