How to add the Facebook “like” button to the Thesis WordPress theme

Earlier this week I started noticing the Facebook “like” button popping up on some of my favorite sites. And then, my co-worker Jonathan installed it on our site at work.

When I saw that… I knew I had to have it on my blog. Plus I knew I had to master it for some of my McLane Creative clients.

It took some fiddling around but here is how I’ve gotten it to work. Follow these steps and you can set it up in about 10 minutes.

Please note: These instructions are for the Thesis theme for WordPress. If you’re looking for a completely customized WordPress theme you can build yourself, I recommend purchasing Thesis.

Step 1: Download and install the free Thesis OpenHook plugin.

Step 2: After activating the plugin, go to the settings link for Thesis OpenHook. On my blog it looks like “/wp-admin/themes.php?page=thesis-openhook/options.php”

Step 3: Scroll down to the hook you’d like to install the code at. I’m using “after post.” But here’s a list of all the hooks and what they are.

Step 4: Paste the following code into the hook you’d like use.

Step 5: Click the checkbox “Execute PHP on this hook.” This is important, you will get an error if you don’t click this checkbox!

Step 6: Press the “Little save button.

Step 7: Like and retweet this post, telling everyone what a swell guy I am.

Bonus:As you can see I’ve also added a couple Tweetmeme buttons to the same location. You can download my code for that, just put your Twitter name in the [twitter_user_name] spot and you’re good to go.

Click here to download –> [download id=”6″]


Posted

in

by

Comments

6 responses to “How to add the Facebook “like” button to the Thesis WordPress theme”

  1. Joshua Cook Avatar

    I’ve been thinking about buying Thesis for a while. I’m not in love with our current design, but it’s tough to pull the trigger when there are so many free themes out there, You really think it’s worth it?

  2. adam mclane Avatar

    For me it really is worth it. I’ve been able to build sites that don’t even look like WP at all with it. It’s not really “just a theme” since you can infinitely customize it yourself. It’s really a way to build your own theme.

    Here’s one that looks like a thesis site:
    http://whyismarko.com/

    Here’s one that doesn’t:
    http://curesrocktour.com/

    And I have another one coming out pretty soon which is VASTLY different from both.

    An added bonus is that unlike most themes, Thesis has a very active community of users. If I have a problem trying to do something, I can search the forums or just post a thread and people will post a fix. It’s pretty slick.

  3. Adam WC Avatar

    And it was only a matter of time before they had a plugin for it 😉

    http://healyourchurchwebsite.com/2010/04/22/the-facebook-like-button-plugin-for-wordpress/

  4. adam mclane Avatar

    Yeah, I knew there were be a plugin. I’m actually glad I found the openhook plugin in the process though. I’ll be using that in my client builds from now on. Between that and some of the new features… it’s almost a CMS within a CMS.

  5. PlF Avatar

    Here’s the WordPress plugin:
    http://wordpress.org/extend/plugins/like

  6. Margaret Avatar

    Here’s a site I had done using Thesis also. I don’t think it looks like any kind of wordpress theme. Very happy with it
    http://bibletimeline.net

Leave a Reply