Theo Jones – TJ Clean - WordPress Theme

Theo Jones - Architecture / Ceramics / Tech Home About Me Contact Architecture Ceramics High Velocity Mushrooms Friends Gallery

Flickr »

Beijing National Olympic Stadium 17 - 'Bird's Nest'

Status » Theo - Derren Brown is impossible, IMPOSSIBLE! arghhh. (Updated 6 hours, 56 minutes ago)

TJ Clean - WordPress Theme

Version 1.0 (18/4/2008)

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 - 2.5.x (and maybe earlier)

TJ Clean WordPress Theme

Features

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

TJ Clean WordPress Theme Valid

Installation

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 your Facebook Profile.
2. Click on the Mini-Feed bar so you can see all of your recent activity.
3. Click ‘See All’ on the top right of that box.
4. Under ‘View’ on the right, you’ll see a long list of ‘Stories’ - click on ‘Status Stories’
5. Underneath the list, you will now see ‘Subscribe to these Stories - My Status’
6. Right click on ‘My Status’ and Choose ‘Copy Link Location’. You now have your 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).

Customize Options

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’.

More options to come…

License

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.

Need help? Suggestions? Feature requests? 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.

15 comments - really? way cool!

[…] Theo Jones ? TJ Clean - WordPress Theme […]

Lovingly written by Theo Jones – Links for Apr 14th - Apr 25th on 25/04/2008

Firstly,thanks for your wonderful work,it’s really a nice one!

But I’ve a little problem now,perhaps you could give me some help,OK?

After following the guide what you gave,The Facebook-Part in my Blog still doesn’t work well,and I really don’t know how to fix it.

The second one is if I want to change the Flickr-Part to my Picasa web album,and how to do it?

OK.Waiting for your reply and Big Thanks anyway…

Lovingly written by wong℃ on 28/04/2008

Yes, I’m happy to help - great to see your using it

Which facebook part are you talking about? In the footer the facebook ‘Block’ has to be hardcoded in. That means you need to go into the footer.php file in the templates and link it to your facebook profile - or where-ever.

You are using Twitter currently for status - so I’m guessing you dont want to use facebook status?

I haven’t looked into using Picasa. It would mean finding a wordpress plugin (not widget) for Picasa that works well. Ill look into it.

If you can explain more about your facebook problem I can help.

Lovingly written by Theo Jones on 28/04/2008

Well,Big Thanks for your reply!

I’ve got what you said about the Facebook-Part in the footer.php,and now it goes what i want

But now,i have another questions about the title of each post.When i type English Letter as the title,it goes well just like your live demo site;when i chose chinese letter,it shows well in Firefox but not so good in IE7.This is one of the links for testing:http://www.wongc.com/archives/171

so,how to fix it please? Thanks again…

Lovingly written by wong℃ on 01/05/2008

oh~~almost forget something else~~~

how do you make your Archives-part(in the bottom of the page) working well? Mine is always showed as “404″:http://www.wongc.com/archives/

and how do you make the theme to pass the Valid of Xhtml/CSS,but mine is always failed

now you see,i’m really a new-bee here,but i really want to learn something from you

anyway,thanks for your great work!

Lovingly written by wong℃ on 01/05/2008

I looked at that Chinese post title in IE7 and it looks exactly the same as firefox. So I don’t understand what is wrong.

To make the archives (and sitemap) work: Create a new wordpress page in /wp-admin/page-new.php name it “Archives” (or sitemap) and then choose “page template” and select the template named “Archives” (or sitemap). Then publish the page. It now should work.

The theme is valid. Its your other plugins that are causing it to be invalid. The plugins I have said to install are all valid. BUT The sociable plugin that has the ‘digg, delicious, facebook, google, etc’ images at the end of the post is not. Disable that and see if its better.

Lovingly written by Theo Jones on 01/05/2008

[…] TJ-Clean […]

Lovingly written by Weblog Tools Collection » Blog Archive » WordPress Theme Releases For 5/1 on 02/05/2008

[…] TJ-Clean […]

Lovingly written by WordPress主题推荐（20080501） | 有梦才会有明天 on 02/05/2008

Thanks for this theme, it looks really great!

You might want to remove the __MACOSX folder from the zip file