Adding a Tweet button to a self-hosted WordPress blog

Yesterday, Twitter launched their official button for websites and keen-eyed observers will have noticed that markwilson.it now sports a shiny new “tweet” icon at the head of each post.  It’s pretty easy to do (Twitter generates the code for you – and has an FAQ for developers) but there may be a couple of things to watch out for, depending on your blog’s content management system.

I use self-hosted WordPress, and these were the changes I made to the site:

  • For my single posts, I just added the Twitter-generated code to an appropriate position in the single.php file.
  • For my main index page, I edited index.php, but didn’t want the generated link to be to the current page (my home page with several recent posts) – I wanted it to relate to the particular post that the viewer is tweeting from.  Adapting a tip from David Teng, I added two parameters to the link code (data-url="" and data-text="").

Now, by clicking the Tweet button on this post, the link generated relates to the post – and not the home page for the blog.

2 thoughts on “Adding a Tweet button to a self-hosted WordPress blog

Leave a Reply