Integrating Twitter for WordPress Into Your Design

January 29, 2009 // Author: Jacob Stoops // 225 views // View Comments
Integrating Twitter for WordPress Into Your Design
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!

Like This Post? Why Not Share it.

Related Posts

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

  • There shouldn't be? Although, you do have to make sure you enter in your username in the code.
  • 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?
  • Will do! I'll make it my next post!
  • 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 :).
blog comments powered by Disqus