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.8.x (and maybe earlier)
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
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.
37 Responses to “TJ Clean – WordPress Theme”
Your Thoughts?
About Me
I am currently a student at UCL [London] studying Architecture. My main interests are Ceramics, Gadgets/Tech, Online Media, FileSharing and Music... more »
I Sculpt..
All ramblings and scribbles by Theo Jones are set free under Creative Commons by-nc-sa 3.0
Fuelled by tj-clean flavoured WordPress - Valid XHTML | CSS | RSS - way round - old stuff
Page took 0.694 seconds to come alive
[...] Theo Jones ? TJ Clean – WordPress Theme [...]
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…
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.
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…
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!
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.
[...] TJ-Clean [...]
[...] TJ-Clean [...]
Thanks for this theme, it looks really great!
You might want to remove the __MACOSX folder from the zip file
Looks like Depo Skinny by Derek Powazek?
[...] TJ-Clean [...]
@daustralala As I say in the above post, its based on Depo Clean.
[...] Theo Jones ? TJ Clean – WordPress Themevery nice and clean one-column wordpress theme. [...]
Nice theme — and thanks for using my last.fm plugin!
[...] TJ-Clean [...]
[...] Theo Jones – TJ Clean – WordPress ThemeTheo Jones is an Architecture student at UCL [London]. He enjoys Design, Ceramics, Photography, Technology and P2P Status Theo justed watched movie ‘Shelter’ was [...]
[...] TJ-Clean [...]
Thanks lovely simple theme
[...] TJ-Clean [...]
[...] TJ-Clean [...]
Nice simply theme but pro looking – thanks, getting it setup. It could do with the basics, maybe as an option so not to clutter the page (at the bottom), archives, categories but no bloody tag cloud
No Flickr yet, have it hooked to favorites – maybe that is why.
Hi Craig. Thanks for using my theme! I have a tag cloud on the archive/404 page see http://www.typemismatch.com/about/. For help with flickr issues check the plugin author site http://eightface.com/wordpress/flickrrss/.
Testing
testing again woop
[...] et alternativ til det gamle Neoclassical tema til WordPress, og nu har jeg fundet det. Det hedder TJ-Clean, og indeholder alle de elementer, som jeg gerne ville [...]
Hi Theo! Awesome theme.
Question –
1 – How do I take out the “Sounds I Like” section? I don’t use last.fm..
2 – Also, is it possible to link the Facebook button to a Facebook page or group instead of an use profile? I plan to blog anonymously.
3 – Is it possible to take out the Status section on the top? and replace the Facebook icon on the bottom with a Twitter icon?
Please let me know by email! Thanks!
Thanks for using the theme Stephanie. All of those things are possible, but involve editing the templates.
1. You need to edit footer.php in the tj-clean folder. Delete everything from the start until class=”footer”
2. The facebook icon can link to anywhere. Just edit footer.php and change the # to the url a href=”#” title=”My Social Network”
3. You need to edit header.php in the tj-clean folder. Delete div class=”status” until 2nd /div. You need to find a twitter icon that will fit, this will mean making your own. Then name it facebook.gif and replace the file in tj-clean/images.
Excellent theme
I moved off wordpress, and loved your theme so much, that when I wrote my own blogging app from scratch, I ported your theme to it and made it the default theme
Check http://yuvisense.net. It’s also up at github (http://github.com/yuvipanda/HiSlain). Have to do more cleanup work though
Thanks for releasing this as CC!
I’m honoured. That is awesome.
Thanks for sharing this theme Theo. Loved this and using this theme for my blog ( link provided in the form).
Best wishes.
My pleasure, love to see people using it. I plan to update it sometime soon.
Thanks, will be looking forward to the update. Say, I’ve noticed that the Last.fm records do not get populated, I’m assuming that this is a problem with Last.fm records plugin ?
I believe a recent update broke support, I haven’t looked into it yet.
Ah I see. Thanks, hope you can spare some time to fix this (no hurries
)
[...] be good. And then just yesterday I stumbled onto Theo Jones’ blog and was just blown away by his theme. And the best part was that he had released it for all, and integrates well with the social [...]
Wow Awesome Theme
Thanks a lot
You’re very welcome. Sorry it’s a bit out of date now.