The Best Way To Preview WordPress Themes

by Yan

Have you ever been in a situation when you feel the urge to change pimp your blog with a brand new theme? I have been and I guess it’s the same with everyone else. But then changing a theme can be quiet a pain in the @#%, is it not?

Before I made up my mind on using this awesome theme from Speckyboy, I’ve been going back and forth testing different themes, little did I know that there is an easy way for me to do it behind the scene. I mean it allows me to test any new theme independently while the visitors are still seeing the default one. No more sneaking around, you know what I mean?

How do I preview those WordPress Themes?

Donncha O Caoimh wrote a nice plugin Theme Tester which allows you, the administrator to test and preview any new themes without the visitors to your blog aware of any changes. You could tinker, tweak and do any damage to your new theme to the point where you are completely satisfied with it. When the time for real change, you just need to deactivate the plugin and voila, your brand new theme goes live.

How to install & use Theme Tester?

1. Download Theme Tester plugin.
2. Upload it to wp-content/plugins and activate it.
3. Go to Design > Theme Tester to activate it.
Theme Tester
4. Select the theme you want to preview.
5. You’re done and you can switch as many themes as you like.

So the next time you are in the mood to test drive new themes on your blog, preview them with Theme Tester and tinker with it to your heart’s content. It is quite a powerful and useful theme preview tool for both end-users and theme designers. If only I knew it ages ago…

Here’s a preview of my blog using iWPhone theme which is only visible by me.

WP-Phone Theme

PS: This blog is iPhone-ready. When you visit my blog from your iPhone, you will be seeing the exact same theme already optimized for iPhone.

Update: Pavel Ciorici from WPZoom has a list of 20 Sites To Find Great WordPress Themes. It’s worth a bookmark.

Related posts

{ 1 trackback }

ikram-zidane’s Digital Playground - Hello world, the guy’s back !
June 5, 2008 at 6:34 pm

{ 14 comments… read them below or add one }

Pavel Ciorici May 27, 2008 at 11:56 am

Hi!
Thanks a lot for mentioning my project ;)

Reply

Yan May 27, 2008 at 12:00 pm

Hey Pavel,
You did a good job in compiling those resources anyway and I think it’s worth a mention. Thanks for dropping by. I’ll see you around.

Reply

ikram_zidane June 4, 2008 at 11:38 pm

Thanks.. this is exactly what i was looking for..

Reply

Yan June 5, 2008 at 12:05 am

@Ikram: Oh, the guy with the Merdeka theme. I really love your blog design. I think you have the in-born talent to be a great designer. I admire your work and talent, to say the least.

When I stumbled upon your blog a couple of weeks ago, I was toying with the idea of some kind of collaboration with you. It just that I haven’t had the time to contact you personally.

PS: How did you come to know of this blog?

Reply

ikram_zidane June 5, 2008 at 2:00 am

hi..

couldn’t really remember, but its definitely from another fellow malaysian blogger.

well, if you have something, do drop me a mail..

cheers.

Reply

Yan June 5, 2008 at 2:20 am

@Ikram: Will do just that when the time is right. Thanks for dropping by.

Reply

Rhys June 7, 2008 at 12:54 pm

Hi Yan!

This pre-testing/adjustment is really important, because one can get into endless delay when tweaking a new theme to get it acceptable, and sometimes a blog can be out of order for hours (weeks??).

Your site is primarily for Noobs, and this is the perfect answer for them. I use Xampp (Unix/Apache/PHP) on my XP box to test and tweak until it is right and THEN upload the new theme to go live with it. There’s the big bonus that all my code files are duplicated on my box and this is an invaluable back-up.

Great to see you have CommentLuv in place and working. I’m sure your more ‘pro’ readers will really appreciate the DoFollow factor of it, and get the benefit of the back-links.

Rhys’s last blog post..Maximize SEO like a ‘Pro’

Reply

Yan June 8, 2008 at 12:02 am

Yeah it took me almost 2 weeks to finish tweaking this theme to my liking, little did I know that there is an easier way for me to do it.

Glad you share a little about how you did it. It may be of interest to some. I just happen to be in the Mac environment.

Reply

Donace August 4, 2008 at 12:01 am

Cool; was looking for something like this was working on modifying a theme.

Donace’s last blog post..The Phantom Update Post!

Reply

Jay August 14, 2008 at 3:13 pm

Oooh. I lmight be able to use this! I’m going to “test” it for sure.

It’s especially useful if you can get more than just a “preview image”, and actually edit and play with it. I usually use a separate “temp domain” to do my customizing before going live. Definitely less hassle this way!

Thanks for the heads up!
Jay

Reply

Yan August 14, 2008 at 3:24 pm

@Jay – Well, I’m not too sure if the plugin is compatible with WP 2.6 or it’s just an isolated case for me. Let me know if it doesn’t, will you?

Reply

Jay August 15, 2008 at 12:52 am

@ Yan: Worked like a charm for me in WP 2.6, and I’m lovin’ it already. It’s going to save a lot of hassle/time for me and the way I do things.

I was using it with Mac (FF3)

Thanks again for the hot tip!
Jay

Jay’s last blog post..Where To Get Help If You’re Addicted To Stats

Reply

John @ Real Estate in Toronto August 20, 2008 at 10:54 am

Oh man this is perfect. A bit obsolete w/ 2.6 but it’ll work wonders on my 2.5 blogs.

John @ Real Estate in Toronto’s last blog post..Malvern Real Estate

Reply

Chris Marshall March 13, 2009 at 10:23 pm

Up to now I’ve been running a mirror of my WP sites under a subdomain purely for testing new features and design tweeks.

I’ll definitely be putting this to the test. Thanks.

Chris Marshall´s lastest post..20 Resources to for Getting Started with WordPress

Reply

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post: 50 Tips To Build Traffic For Your Blog

Next post: What You Need To Know About CSS – The Basic