How to work on your blog without anyone having the slightest clue

Shhh

You’ve got a new plugin you’d like try. Or maybe you’d like to play with your header image. Or maybe you want to see how that colour would look. That doesn’t sound too hard. But there’s one problem. Any changes you apply to your blog will be seen by your readers.

So you create a copy of the theme you’re working on and make your changes to it. You switch back and forth between the two hoping no one catches an early glimpse of your mods while you abuse ctrl + F5 to force view the changes.

Other people might play with the theme on another WordPress installation. But that’s no fun. You can’t see how your existing posts will look and any formatting issues that may come into play. And some people don’t have the hosting resources for multiple blogs.

With these issues at hand, I’m going to share a fantastic way to “work on your blog without anyone having the slightest clue”.

This is possible thanks to a little plugin called Preview Theme. What this plugin does is allow logged in Admin only, to preview a new theme or modifications to an existing theme, on any page of your blog. It’s really simple.

I’ll walk you through the process.

1 ) Download the Preview Theme plugin here.

2 ) Unzip the folder and upload it to /wp-content/plugins/ on your server.

3 ) Activate the plugin in your WordPress Admin (Plugins tab -> Preview Theme -> Activate).

That’s it for the plugin. Now we’ll assume you want to test some changes to your current theme without anyone knowing.

4 ) Download a copy of your current theme’s folder to your computer.

5 ) Rename that folder to something simple that you’ll remember (ex. beta, intheworks, etc…)

6 ) In that theme’s folder you just downloaded a copy of, you’ll see a file called style.css. Open that in your coding app of choice. The top line of that file should say the Theme Name. You’ll want to change this to the exact same thing you renamed the folder to in the previous step (ex. beta, intheworks, etc…). Keep it all lowercase.

7 ) Upload that folder that you’ve just renamed into your themes folder on your server (/wp-content/themes/).

8 ) You don’t need to activate that theme. You can forget about it in the WordPress Admin and upload as many revised files as you wish in the theme’s folder while you work on it.

9 ) Now you can test your preview by adding a little string to the end of any of your blog’s URLs:

?preview_theme=thenameofyourtheme

So it would look like http://www.younggogetter.com/?preview_theme=beta

You can add it to the end of any URL on your blog whether it be a page or individual post, just paste the ?preview_theme=thenameofyourtheme after the last /. So an individual post’s preview would look like:

http://www.younggogetter.com/2007/05/15/this-is-a-post/?preview_theme=beta

That’s pretty much it, in less than 10 easy steps. You can work on or play with a theme and only you, the Admin of your blog, will be able to see the changes.

If you’re working on an existing theme you downloaded, make sure you change the name of it’s folder to lowercase and do the same in it’s style.css file.

If you were hesitant to mess around with your blog or experiment a bit, hopefully this helps you feel a little more comfortable.

  • http://www.purepleasuredesign.com Ines

    Amazing!! Thanks for sharing.

  • http://www.purepleasuredesign.com Ines

    Amazing!! Thanks for sharing.

  • http://moneyconciousness.com Nenad Ristic

    Brilliant! Thanks a lot for pointing this out, you ahve just made my life a little bit simpler.

  • http://moneyconciousness.com Nenad Ristic

    Brilliant! Thanks a lot for pointing this out, you ahve just made my life a little bit simpler.

  • http://www.blogtrepreneur.com Adnan

    Awesome - nice find and great instructive post Travis!

  • http://www.blogtrepreneur.com Adnan

    Awesome - nice find and great instructive post Travis!

  • http://pokeronamac.com Mike

    Wow, I can’t believe I never thought about this before. This post is just in time for me to, because i’ve been working on a new wordpress design. Great tip - thanks!

  • http://pokeronamac.com Mike

    Wow, I can’t believe I never thought about this before. This post is just in time for me to, because i’ve been working on a new wordpress design. Great tip - thanks!

  • http://www.davidpitlyuk.com Dave

    Excellent! A good alternative to also setting up the blog locally on your PC.

  • http://www.davidpitlyuk.com Dave

    Excellent! A good alternative to also setting up the blog locally on your PC.

  • http://ryanpc.com/ Ryan Christensen

    Thanks for the tip… this will be very useful!

  • http://ryanpc.com/ Ryan Christensen

    Thanks for the tip… this will be very useful!

  • http://www.mattjmcd.com Matt McDonald

    Great tip. Scary picture.

  • http://www.mattjmcd.com Matt McDonald

    Great tip. Scary picture.

  • http://www.kmull.com Kevin

    Awesome!

  • http://www.kmull.com Kevin

    Awesome!

  • http://www.matnewton.com Mat

    Great post!

  • http://www.matnewton.com Mat

    Great post!

  • http://www.waydechristie.com/2007/03/26/provirb-a-new-virb-community-site-is-launching-soon/ Wayde Christie

    Brilliant! Thank you!

  • http://www.waydechristie.com/2007/03/26/provirb-a-new-virb-community-site-is-launching-soon/ Wayde Christie

    Brilliant! Thank you!

  • http://www.listikal.com listikal

    Excellent plugin YGG. I’m going to create a post pointing to your instructions.

  • http://www.listikal.com listikal

    Excellent plugin YGG. I’m going to create a post pointing to your instructions.

  • http://www.thinkermedia.org Chris

    Great tutorial … very clear, very helpful. Thanks!

  • http://www.thinkermedia.org Chris

    Great tutorial … very clear, very helpful. Thanks!

  • http://www.thehappyrock.com The Happy Rock

    Like a charm, awesome!

  • http://www.thehappyrock.com The Happy Rock

    Like a charm, awesome!

  • http://www.aboutcolonblank.com jase

    Great plugin, but i cannot get it to work! Ive installed it successfully and installed a couple of new themes. Ive renamed the folder and the top line in the css to something really simple and “?preview_theme=” does nothing but refresh the screen. Does anyone have any ideas…its as if the plugin wasnt installed at all.
    Jase

  • http://www.aboutcolonblank.com jase

    Great plugin, but i cannot get it to work! Ive installed it successfully and installed a couple of new themes. Ive renamed the folder and the top line in the css to something really simple and “?preview_theme=” does nothing but refresh the screen. Does anyone have any ideas…its as if the plugin wasnt installed at all.
    Jase

  • http://www.younggogetter.com/ Travis

    Jase,
    what you have to do is take a look at the stylesheet of the theme you want to preview. At the top of the file will be it’s name, like:

    Theme Name: Modern

    You then take that name and add it to what you said above:

    ?preview_theme=Modern

    The reason you’re not seeing anything now is because you haven’t told it which theme to preview.

    To preview a theme on your blog’s index, it would look like:

    http://www.yourblog.com/index.php?preview_theme=Modern

    Give that a try, should work for you.

  • http://www.younggogetter.com/ Travis

    Jase,
    what you have to do is take a look at the stylesheet of the theme you want to preview. At the top of the file will be it’s name, like:

    Theme Name: Modern

    You then take that name and add it to what you said above:

    ?preview_theme=Modern

    The reason you’re not seeing anything now is because you haven’t told it which theme to preview.

    To preview a theme on your blog’s index, it would look like:

    http://www.yourblog.com/index.php?preview_theme=Modern

    Give that a try, should work for you.

  • http://www.aboutcolonblank.com Jase

    Hi Travis, thanks for replying.

    However, the above is exactly what i have been doing.
    Ive uploaded a basic wordpress theme and renamed the folder “beta” and changed the css title to Theme Name: beta and then tried http://www.yourblog.com/index.php?preview_theme=beta but nothing is happening other than a screen refresh.

    Maybe its the theme i am using on my blog. Its called See-you-at-the-beach and ive had problems with other plugins in the past which is the reason why i want to redesign the site using this plug in.

    Back to the drawing board!

  • http://www.aboutcolonblank.com Jase

    Hi Travis, thanks for replying.

    However, the above is exactly what i have been doing.
    Ive uploaded a basic wordpress theme and renamed the folder “beta” and changed the css title to Theme Name: beta and then tried http://www.yourblog.com/index.php?preview_theme=beta but nothing is happening other than a screen refresh.

    Maybe its the theme i am using on my blog. Its called See-you-at-the-beach and ive had problems with other plugins in the past which is the reason why i want to redesign the site using this plug in.

    Back to the drawing board!

  • http://www.younggogetter.com/ Travis

    Hi Jase,
    Are you able to preview any other themes? Try putting a few new themes into your themes folder and previewing any of them.

    That’ll help you determine whether it’s your blog or the preview plugin.

  • http://www.younggogetter.com/ Travis

    Hi Jase,
    Are you able to preview any other themes? Try putting a few new themes into your themes folder and previewing any of them.

    That’ll help you determine whether it’s your blog or the preview plugin.

  • http://blog.oneortheother.info/ N.

    That is a very cool article. I modified the plugin to add an easy way to preview the themes. The little hack I did creates a page in the Presentation tab called Preview Themes. It will list the themes installed in the same way as they are listed in the Themes page. All you’d have to do is click the screenshot to preview the theme you like.

    If you like, you can get the hacked version of the plugin from my website at http://blog.oneortheother.info/?p=167

    N.

  • http://blog.oneortheother.info/ N.

    That is a very cool article. I modified the plugin to add an easy way to preview the themes. The little hack I did creates a page in the Presentation tab called Preview Themes. It will list the themes installed in the same way as they are listed in the Themes page. All you’d have to do is click the screenshot to preview the theme you like.

    If you like, you can get the hacked version of the plugin from my website at http://blog.oneortheother.info/?p=167

    N.

  • Pingback: Redesigning Your Wordpress Theme? Do It Behind The Scenes With This Plugin

  • Pingback: Wordpress plugins and hacks | Chilly Cool Blogger Resources

  • Pingback: Invisible theme tinkering with Preview Theme plugin | Chilly Cool Blogger Resources

  • Pingback: Wordpress plugins and hacks — Blog a Living