Integrating Twitter for Wordpress Into Your Design

Posted: January 29, 2009 by Jacob Stoops Comments
Bookmark and Share
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!

Tags: , , ,

Article Written By Jacob Stoops

I black out when I talk SEO (kind of like: “Old School” Frank-the-Tank’s debate vs. James Carville). Also, I’m a designer who never likes my own designs.

Posts to Date: 81 amazing posts!

 
  • 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

SEO 101

Learn the roots of SEO, and get an understand of basic fundamentals of Search. I detail several beginners concepts to help you get started on the path to learning SEO.

Read SEO 101

Glossary

A dictionary of relevant SEO terms and phrases. I've compiled this data from several sources around the internet, as well as added my own thoughts and conclusions.

Review SEO Dictionary

Tools

I've scoured the web to find, review, and archive the best SEO tools currently available in the industry. Tools to help analyze your campaign, track progress, and more!

Discover SEO Tools