Site icon TheCreatology.com

How to add Facebook Send Button in Thesis Theme ?

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

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

Exit mobile version