Trying out new themes is fun, isn’t it? I think so! The thing about changing my blog’s theme that has traditionally bugged me, though, is the 10-15 minutes right after you click “Activate” when you have to rush through uploading a new custom header, maybe resetting the background, fiddling with a new sidebar configuration, and other transition adjustments so that people won’t see your site in a half-switched state. Maybe I’m overly sensitive to that — I don’t like to leave things half-painted either — but luckily for me we’ve just finished a new feature to improve this very thing. It is my great pleasure to introduce you to our new theme customization tool* and say good-bye to half-painted websites.

The customizer provides a live preview as you play with Appearance settings, and can be used to customize a live preview of a new theme before you activate it, or to make changes to your existing theme. It allows you to edit the site title and tagline, custom headers and backgrounds, navigation placement, front page selection, and other options that vary by theme. It works with both free themes and premium themes. Shall we take a test drive?

Imagine you want to change themes. As you are browsing on the Themes screen, notice the new “Live Preview” link and click it.

Theme browser screenshot

You’re taken to the customizer. As you make changes, the preview in the right-hand part of the screen updates live so you can get things just right.

Previewer in action with Shelf theme

When things look the way you want them, click the Save & Activate button in the lower left (or Save & Purchase if it is a premium theme) and boom, your new theme and custom settings are live!

You can also use the live preview feature to customize your existing theme. On the themes screen in your dashboard, you’ll now see a “Customize” button that launches the previewer.

Screenshot of current theme management screen

And don’t worry, you still have access to the regular screens for adjusting these and other features. Just use the navigation for the Appearance section like you always have.

Screenshot of Appearance section navigation

So, please try it out, and let us know what you think in the comments! I hope you like  it as much as we do. If you hit any snags, let us know in the forums so that we can help.

But wait, there’s more!

Yes, more! Here are a couple of smaller additions also aimed at making it easier to customize your site and make it look just the way you want it.

  • When choosing a custom header image, you can now choose from your Media Library. I looove this, because I have uploaded the same header image at least a dozen times to re-use it when I changed themes.
  • For themes that support it, custom headers now have a recommended size rather than a fixed required size, so you can be flexible with the height and width of your header images. I love this too, because sometimes I really like a theme but the header image I want to use is taller or shorter than the theme design allows. Now, the power is in your hands to decide! The goal is for as many themes as possible on WordPress.com to support this feature, but you can see if we’ve added it to yours yet by checking the list of supported themes.

And one last thing…
If you know HTML, you can now add links and a little bit of formatting to your image captions. This is great for people who want to link a photo credit to the photographer’s blog or to a Creative Commons license, or want to make some text bold or italicized. At some point in the future we may add a WYSIWYG option, but for now you’ll just need to learn some basic HTML tags if you want to use this one. Just type the HTML right into the caption field in the image uploader, and your links will appear like magic. So this:

Screenshot of html caption

becomes this:

four kittens
You can adopt adorable kittens at your local Humane Society.
Make a new friend and save a life today!
Photo by Jane Wells, saver of kittens

I’ve been wanting this feature for four years now, so I’m really excited.

Have fun with these new features!

*Fun Fact: While this feature was in development, it was originally conceived as a wizard, or guided walkthrough. We codenamed it Gandalf. 🙂