TJ Clean – WordPress Theme

Version 1.1 (22/8/2011) Last.FM support temporarily removed

TJ Clean is a simple, clean cut yet feature-full WordPress theme which is great for sites where content is king. Ideal for personal blogs as it includes integration with Flickr (photo sharing), Last.FM (music sharing) and status updates from Facebook/Twitter (and others). Also unlike many themes its XHTML Strict 1.0 and Valid CSS 2.1.

Live Demo | Download | Installation

Inspired and based on Derek Powazek’s Depo Clean Theme.

Compatible with WordPress 2.0 – 3.2.x (and maybe earlier)

• Single Column
• 5 Color Options
• Easily Customizable
• Quick Bookmarking/Sharing with AddThis
• Tagging Support
• Large ‘block’ Footer
• Rotating Footer ‘block’
• Flickr Photo Stream Integration (with FlickrRSS)
• Last.FM CD Covers Integration (with Last.FM Records)
• Twitter/Facebook (or other microblog) Integration (with StatusPress/SimpleTwitter)
• Valid XHTML Strict 1.0
• Valid CSS 2.1

1. Download tj-clean-wordpress-theme.zip and extract.

This is a good time to customize your color/footer options. See here. However you can also do it later.

2. Upload the ‘tj-clean’ folder and all its contents to: yoursite.com/wp-content/themes/

3. Login to your WordPress admin yoursite.com/wp-admin and activate the theme in the ‘Design’ tab.

The theme will now be working, but it will not have its full functionality.

4. You now need to download and install the following plugins and edit the following settings.

• FlickrRSS – Download, install and activate. Go to the settings (in wp-admin) and add your ‘ID Number’. Display? = using 8 Square images.
• Last.FM Records – Download, install and activate. Go to the settings (in wp-admin) and add your Last.FM username. How to display images? = All images equal size. Add stylesheet? = No. Image count? = 8. Image Width? = 75.
• Status Message – Do you want to use Twitter or Facebook?
  
  Twitter: SimpleTwitter – Download, install, active. Go to the setting (in wp-admin) and add your Twitter username.
  
  Facebook: This is a little more complicated than Twitter. The plugin StatusPress created by Adam Walker Cleaveland needs to be edited to work with this theme so download this version from me.
  Install and activate. You now need to get your Facebook RSS feed.
  
  1. Go to facebook.com/notifications.php.
  2. Copy the ‘Subscribe via RSS’ link location.
  3. Edit your link by changing the word “notifications” to “status”. You now have a status RSS Feed.

  Then you need to edit ‘header.php’ in the ‘tj-clean’ directory. Find the phrase ‘yourfacebookfeedhere’ and replace it with your Facebook RSS feed (keep the quote marks).

Most of the theme is black, white or grey however there are areas of color. Wherever you have a link color is used to highlight and the RSS Feed icon is colored. The default theme (seen here) unedited is using the Orange color theme.

Color Options

• Orange #FF6600
• Pink #FF0066
• Red #FF0000
• Blue #0099FF
• Purple #CC00FF

Included in ‘tj-clean’ directory is a CSS file for each color (‘styles.css’ is Orange as its in use). For example to make the text highlight Blue not Orange, rename (or remove) ‘style.css’ to ‘style-orange.css’, then rename ‘style-blue.css’ to ‘style.css’. Thats it!

The same system can be used to change the RSS Feed icon color. In ‘tj-clean/images’ there is a Feed icon to match each color option. Just rename the gif file you want to use to ‘feed.gif’.

Released under Creative Commons – Attribution-Noncommercial-Share Alike 3.0

That means your welcome to modify it and spread it as long as you keep the ‘TJ Clean Theme’ link in the footer and ‘license.txt’ file in the ‘tj-clean’ directory.

I don’t currently plan to update this theme in any major way. However I will try to keep it working with the current version of WordPress.

22/8/11 – Released version 1.1
Last.FM Records not displaying due to plugin update. Removed support until fix available.
Edited instructions for setting up Facebook RSS feed.

Need help? Bugs?

Comment away.

If you are using the theme please comment and link to your site as I would love to see how people are using it!

Contact me if you are interested in a custom header image like my current theme.