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
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:
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.
Very useful for my new site i am working on.Looking for this for a ling time.Thanks:-)
hey,
i add this codes but don;t show, can be a problem with the cache?
Well certainly, it cane be a problem with the cache, as I have tested the code and it works fine. 😉