Integrating Twitter Into Your WordPress Blog

Twitter is the new cool thing. You can waste hours on it, or you can use it productively. Personally I like to use it as another way for clients to keep their site updated and fresh. This will help their customers see that there is a real person behind the company. But for it to be really visible you need to integrate Twitter into your WordPress blog. Luckily we have a plugin for this.

  1. Setup a Twitter Account. You can visit twitter.com to signup for an account.
  2. Download Twitter Tools. Twitter Tools is the plugin from Alex King, that we will be using to pull twitter feeds into your blog. Download Here.
  3. Unzip Files and Upload to Your Plugin Folder. If you are running a WordPress blog you should know how to do this. Pretty standard stuff. Now activate the plugin.
  4. Configure Settings. In your WordPress back-end go to Settings > Twitter Tools (make sure you activated the plugin first). Here you will need to enter your twitter login information. There are also a lot of other settings you can configure here. Personally I just want it to display, not create blog posts or anything like that. Configure to your hearts content.
  5. Displaying Your Tweets. If you want to display a list of Tweets (number configured in the settings page) then use this code:
    [sourcecode language=’php’]
    [/sourcecode]

    Now if you are just looking to display one tweet use this code:

    [sourcecode language=’php’]

    [/sourcecode]

  6. Enjoy! That’s all there is to it! You may want to change the settings some, as well as design some cool way for your tweet to display (default styling is lame!). Also check out J. Alexander Fine Woodworking for an example of Twitter in use on a blog.

Posting Code in Your WordPress Blog

Posting code in a WordPress blog was a pain for a long time. Everyone had a different way to format their code with CSS, and no solution was really that good. At least not compared to what I am about to show you.

The Syntax Highlighter plugin allows for code to easily be displayed in an appealing, easy to use format. All you have to do is install the plugin. Download it here:

http://wordpress.org/extend/plugins/syntaxhighlighter-plus/

After installing the plugin you will want to wrap your code in tags like this: [sourcecode language=’css’]..[/sourcecode] You can view other examples of the plugin in use on our other posts.

Now this works with many other languages besides CSS.The other supported languages are:

  • cpp
  • csharp
  • css
  • delphi
  • html
  • java
  • jscript
  • php
  • python
  • ruby
  • sql
  • vb
  • xml

For more detail on how to add use this functionality in your blog read this post:

http://faq.wordpress.com/2007/09/03/how-do-i-post-source-code/

Enjoy!