Working Behind the WordPress Curtains
Remkus de Vries wrote this post on May 21st, 2010 in
2 Comments
A lot of times I hear people asking how to best approach fiddling around with certain design elements in their current theme without their visitors seeing any mistakes they make. A different version of the same question is about wanting to implement a complete new design and layout and optimize it to your liking. Also without you bothering your regular visitors. There is a very simple solution for that that requires a only a few simple steps.
Just a Few Steps
The only thing you need to do for this to work is installing the Theme Test Drive. There is a different way of seeing how your site would look like in a new a new theme, by the way. All you need to do is navigate to the Theme you would like to preview in your Theme menu and right click the link that says Preview and in the following menu you select Open in New Tab (or whatever similar your browser provides you). A new tab will open in browser showing you what your site looks like sporting the new Theme. This is however not a solid solution when it comes to testing the different pages and using widgets for example.
After having installed and activated Theme Test Drive plugin you will see an extra menu in Appearance which allows you to select what Theme you would like to test drive. By enabling the Theme of preference and selecting the proper user level, in other words should only admins be able to see the new Theme?
And We’re Done Already
All there is left for you to do is navigate to your site by clicking Visit Site in the top of your WordPress Dashboard and there you have it. The beauty of this solution is that it allows you to treat this new Theme as if though it would actually be live and that means you also have a new set of sidebars where you need to configure your widgets to get the result you’re looking for.
When you want to make adjustments to your currrent Theme, simply download a copy to your computer via FTP, rename the folder and adjust the Header part of your style.css with a higher version number, save it and upload it to your themes directory. In effect changing it from something like this:
/* Theme Name: Your Theme Theme URL: http://www.themeurl.com/ Description: Your Current Rocking Theme Author: Remkus de Vries Author URI: http://remkusdevries.com Version: 1.0 */
to
/* Theme Name: Your Theme Theme URL: http://www.themeurl.com/ Description: Your New Rocking Theme Author: Remkus de Vries Author URI: http://remkusdevries.com Version: 2.0 */
Now select the higher version of your current theme in the Theme Test Drive menu. That’s it. Happy fiddling!
Note: Even though this a great way to change a few things here and there, I do recommend setting up a proper copy of your site in, for instance a subdomain combined with a plugin like Maintenance Mode, when you are really getting your hands dirty.
This is one of the best articles I ever read! Who would ever imagine that working behind the curtains of WordPress is that simple. A lot of people think that working around WordPress is hard and very complicated. A lot of people also think that you should be an expert in web design to be able to design your own site in WordPress. Good thing that this article is around, this will really help a lot of people who are using WordPress for their business or blog.
Thank you very much for this great article!
Alex
Wow – what a neat tool to have! I don’t why this shouldn’t become very popular among us WP users …