Integrating Twitter for WordPress Into Your Design

January 29, 2009 // Author: Jacob Stoops // 225 views // View Comments

Integrate the 'Twitter for Wordpress' plugin into your Wordpress website's design.

Now I will show you have to integrate the Twitter for WordPress plugin by Ricardo González into your WordPress blog’s design. This plugin will enabled you to display your latest Twitter Tweets anywhere on your WordPress blog.

First download the Twitter for WordPress Plugin, install it in wp-content › plugins, then go activate it in the WordPress plugins admin area.

Now, decide where you are going to place it. I will leave it up to you where to place yours, but I decided to put mine right in the site’s header.

Here is the PHP Code to implement it:

<?php twitter_messages(“twitter-username”); ?>

Keep in mind that it won’t place the twitter logo, so you will have to find that, photoshop it, and place it yourself. Mine is in my header.php file. I’ve used CSS to place the Twitter Section, and I have the Twitter logo that I created floated to the left.

Here is my code:

<p id=”twitter-tweet”><img src=”/images/latest_tweet.JPG” id=”twitter-icon”/><b>Latest Tweet:</b> <?php twitter_messages(“jacobstoops”); ?></p>

Here is my CSS:

#twitter-tweet {
width: 407px;
float: right;
background: none;
background-position: left;
height: 32px;
padding: 0;
margin: 0;
font-size: 10px;
float: right;
}
#twitter-tweet a, a:visited {
color: #006600;
text-decoration: none;
}
#twitter-tweet a:hover {
color: #003300;
text-decoration: underline;
}
#twitter-icon {
float: left;
width: 32px;
height: 32px;
padding: 0 5px 0 0;
}

Hope you enjoy!

Tags: Coding, Twitter, Web Design, Wordpress

Like This Post? Why Not Share it.

If you like this post, then you might like these as well!

Jacob Stoops

There shouldn't be? Although, you do have to make sure you enter in your username in the code.
Eric Leslie

Do you know why it would say "RSS not configured"? Is there some sort of API "switch" i have to turn on with my Twitter account?
Jacob Stoops

Will do! I'll make it my next post!
Eric Leslie

Finally....the agent does a hit for me!!!

I've been waiting for your snipper skills on this one for weeks!

Next assignment: capture and explain the cool jquery page scrolling you have on the site....this message will explode in 10 seconds :).