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.
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.
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.
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.
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:
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.
May 18th at 7:42 pm
Oh, I am stoked about those HTML captions! Thanks for including that feature!
May 18th at 7:56 pm
New user here of WordPress so have been trying many themes out to find one i like and already a fantastic update to help me along the way. Great stuff!
May 18th at 8:07 pm
This is incredible! I’ve changed themes often so it’s a real gift to being to try a theme on before making the plunge. I’m also thrilled about being able to use the header size of my choice. That makes a huge difference. For example, I’ve always loved the twenty eleven theme, but not the gigantic header. This is a great option.
Now…when will twenty-twelve be bursting on the scene?
May 18th at 8:12 pm
This is absolutely brilliant! (Both the ability to preview and adjust the header size.) Thank you.
If I had one next wish, it would be to add a preview for font customization. Many times that’s a deal-breaker for me.
May 18th at 8:15 pm
I LOVE THIS!!! I have “broken” my blog so many times…as someone with serious commitment issues, I like to play too much! Now I’m guaranteed a safe outlet for my commitment therapy.
May 18th at 8:25 pm
LOVE this. I freak out about switching because I’m a perfectionist and know it will take me forever to get things “just right.” Thank you WordPress!! The header and caption options are also great for the OCD blogger
May 18th at 8:27 pm
Thank you! I’ve so needed this!!!
May 18th at 8:33 pm
Thank you!!! This is one of the most useful improvements you’ve made.
May 18th at 8:34 pm
Super love these additions! I LOVE WordPress!!!!
May 18th at 8:45 pm
Too bad, I just missed this feature since I just upgraded my website to “Oxygen” theme. My website is still “under construction” since this feature wasn’t out yet, but thanks! Maybe I’ll change it again in a year or two!
May 18th at 8:45 pm
I change themes frequently in my public blogs and also on my private tests blog while answering questions on the support forum. I love this new very useful feature. Thank you so much for it.
May 18th at 8:50 pm
This is a fantastic update! Having to backtrack and redo headers, background and other things, only to see that I don’t like the result is one of the most annoying parts of using themes. I’m excited to see that it’ll be easier!
May 18th at 8:53 pm
The custom header size is a great addition! So many blogs have way too much space taken up by the header image, I have been trying to find themes with smaller height headers – allowing this to be customized it really helpful. Now, I wish that this is rolled out to all my themes soon. Shameless plea: Add Nishita and Twenty Ten soon.
May 18th at 8:58 pm
Hahaha this is well needed I just feel like you looked over my shoulder and reported how I feel changing haha great article
May 18th at 9:06 pm
Great update, cannot wait to play around with it now! Thanks WordPress!
May 18th at 9:10 pm
This is AWESOME! Thanks!
May 18th at 9:12 pm
Thanks, Jane – have just switched my theme and understand what you are talking about. Great help!
May 18th at 9:16 pm
Tickled pink over this, thanks bunches!
May 18th at 9:21 pm
This sounds WONDERFUL!
May 18th at 9:23 pm
Whee! This sounds much better than having a test blog. And the caption thing rocks! I’m constantly tinkering with my blog, so a feature like this is going to be used a lot. Thanks!
May 18th at 9:28 pm
Live previews, custom headers in media gallery – those are fabulous improvements. Thank you so much. WordPress is amazing and you guys are the best!
May 18th at 9:35 pm
The Live Preview addition is great. I’m the type who still likes to change theme from time to time and this definitely helps me to decide.
May 18th at 9:44 pm
WordPress FTW =) what made me laugh about the cats from the shelter is that my cat is about to have kittens and I need to find homes for them as well!! How can something so cute not be loved xD
May 18th at 10:06 pm
You continue to make RAVING FANS of us.
WordPress is: “All that and a bag of chips!”
Thank you very much!
May 18th at 10:13 pm
I was just looking at possible new premium themes for my blog and noticed that new button. Didn’t realize I could preview other changes though. That’s awesome!
May 18th at 10:21 pm
I have actually gone and created a duplicate of my blog that I keep private for the sole purpose of mucking around with alternate looks. This way, I can “break” that blog without having to try and correct it on the main blog.
May 18th at 10:30 pm
This is incredible – I’ve been reluctant to change themes because I don’t want to scramble around changing it all back it I don’t like the new one. If I set up the live preview and don’t like it, can I still go back to the old one?
May 18th at 10:44 pm
Big thumbs up for this one! I’m so glad WordPress.com is working on the little things that make a big difference to us.
May 18th at 11:02 pm
Great! Little improvements make a huge difference. WordPress has great functionality and these improvements make it more fun and less of a risk-taking exercise to personalise my blog Thanks!
May 18th at 11:19 pm
One of the most waited features !!!
Now you’ve destroyed any reason NOT to play with the themes… Now I have to test them and play with, all of them !!!
When will I stop procrastinating by playing with themes and start writing again?
May 18th at 11:20 pm
I have been pining for HTML in photos ever since I started my wordpress blogs 2 years ago; so glad that it’s finally here!
May 18th at 11:33 pm
The update I’ve always wanted but didn’t know it.
May 18th at 11:51 pm
Cool changes! …Makes me want to go get another couple kittens!! (that would make five…) >^~^<
May 19th at 12:11 am
Been there and done that with the ‘rushing’ on new themes ….it’s a great feature! And I love the html imaging tagging as well, thanks
May 19th at 12:41 am
I just started my blog & the Live Preview has been fantastic for viewing almost all of the themes, & choosing one that fits my style! Great addition!
May 19th at 12:48 am
This is delicious.
After having just built a site for a client, the biggest PITA is the fact that I can _sort_ of see what a theme would look like for my client, but only after building it do I see that certain critical features I now have aren’t in the new theme. Pissed off.
So now we can build it and “take it for a test drive” as it were. That is about a bazillion times more betterer than it was. Mo betta.
But the one thing that I would STILL need is the ability to “bank” several themes so that I can have them pre-built and jump between them. Right now, that takes several different test accounts, and uploading all the artwork fresh for each test account, building each custom widget for each test account.
The ability to poke around, see an issue and then jump into theme B or C to check on that feature would be “Facebook IPO” better.
Oh, and as for links and bold in captions, I remember doing that way back in v 2.5 or so, so thanks for bringing it back, but I really recall having done it before. Maybe it was on self-hosted stuff. I forget. It was a while ago.
May 19th at 12:49 am
You have no idea how much this would have helped me last week when I was changing “addresses” and blog names. I will be so very happy to have it available from now on because I like to “play” with the appearance of my blogs, sort of like redecorating my office every season, and if it won’t be seen by the few who actually do see my blogs unless I publish it, I’ll feel a lot better about it! Some of my trials are more errors than successes. Thank you!
May 19th at 12:52 am
OK OK, I have been super mad for a few weeks now (because of the new comment->email setting and the new commenting requirements) but the HTML-in-a-caption feature makes me VERY happy! Have been hoping for that for years!!!! Thanks
May 19th at 1:16 am
Woo Hoo! Great changes! WordPress, you guys are super. Thanks.
May 19th at 1:40 am
Being able to choose header photos from the Media Library is extremely helpful, as is the flexible size. Thank you!
May 19th at 1:42 am
Thank you! This is awesome!
May 19th at 1:49 am
This is amazing! Thankyou so much!
May 19th at 1:51 am
I’ve learned — the hard way! — map out the changes I want to make beFORE activation of a new theme, so that I can quickly put them all in place. But this …….. THIS, is the best thing EVer!! I genuflect to you…………. (& I amost wish I was ready to change again)
May 19th at 2:04 am
This is wonderful – I’ve been wondering about this. Is there an easy way to back out of the live preview if you don’t like the experiment? (like, you just want to go back to your original appearance) Thanks!
May 19th at 2:50 am
You have NO idea how timely this is! I was pretty much crying for something like it the whole week!… thank you so so much!
May 19th at 2:53 am
Ahh, thank you. Making WP more awesome than ever.
May 19th at 3:24 am
Hi NIce Post…Just today I Changed my Template and I followed all your “instructions”…was coincidence because I did before read your post…but my new template is more fresh and more “friendly”..!!
Have Fun !
May 19th at 3:31 am
I decided to switch themes the other day for my Wine Predator blog and noticed this feature. Wow! fun! But I wasn’t sure what I was doing and what was going on there–very useful blog post! (I changed to splendio from vigilence)
May 19th at 4:03 am
May 19th at 4:17 am
Excellent. I’m a serial theme hopper so this is just my cuppa tea.
May 19th at 4:29 am
Thanks for writing this. I found it very helpfull. Especially the html formatting part. Oh btw, nice itteh bitteh kitteh committeh photo.
May 19th at 4:43 am
Thank you very very much for this improvement.
Maybe now i don’t need anymore my “try_new_layouts” blog!
I really appreciate this.
May 19th at 5:12 am
These are fantastic updates. I love the idea of live preview. And getting to use the media library for custom headers is awesome. I just started my blog about a month ago and have appreciated the sophistication of the services. Thanks for continuing to improve features and offer new options. Cheers!
May 19th at 5:13 am
Thanks Jane. i saw all this great changes yesterday morning when i wake up and wrote about it in my Hebrew site. really great changs !
May 19th at 5:40 am
Nice, any news about twenty twelve?
May 19th at 6:23 am
Yay! Exactly the feature I wanted. Along with the flexible header, you’ve made playing with my website so much better. Thank you SO much!
May 19th at 6:37 am
For the ones as I that manage different blogs here, this is a great new. Showing now to pateners how will look (on the road) a new theme will be quite easy.
May 19th at 7:47 am
Thank you!!!!!!!! I’m excited about all of these new improvements, esp. the ability to use previously uploaded headers and images, and html in captions. I cant wait to go exploring with Gandolf!
May 19th at 8:00 am
That is really good with custom header. Because it is our community blog I am always nervous about making changes because people are used to it . They recognise the layout, header etc and know where things are.mi may be tempted now to change it!
May 19th at 8:22 am
thanks im planning to change my theme!
May 19th at 9:00 am
Excellent, love it
May 19th at 9:19 am
OMG this is a wow. You gotta know how people love to play with themes. And this new feature fixes it all.
May 19th at 9:28 am
The ability to have photo attribution enable links is great when using creative commons images. Allows me to place the attribution exactly where it should be. Thanks.
May 19th at 9:40 am
I w’d hardly preferring an other way for a change theme
like many developpers use in their local machine server site:
In Keeping the old previous site as it then reload it all by a new design then making changes while everything has been save!!
The “old” site is generally called as id name.old.com
C’d this version applicable to a WP.com?
Much more securely to be back
Please said me a word about
Nevertheless, I greatly appreciate your ‘live preview” feature for evaluation of it lools like…
(sorry-Frenchy with a bad english)
May 19th at 10:13 am
Such a helpful post! Thanks for sharing these tips! I am sure you have helped MANY people out there
May 19th at 10:37 am
Keep up the good work guys! great improvementes =)
May 19th at 11:35 am
May 19th at 12:04 pm
I am BRAND spankin new at blogging at this couldn’t have come at a better time! Thank you so much for this! Love it.
May 19th at 12:21 pm
I just started to use wordpress for the first time after many years of html coding. I am liking what I see, few bugs but otherwise its a great tool.
May 19th at 1:57 pm
WP you guys are the best!!! I’ve been with WP for 5 years now and you’ve never ever let me down!!
May 19th at 2:06 pm
I started my blog about two months ago. I thought about changing my theme, but wasn’s sure how it would affect the content. Thanks for the blog it was very helpful and had a lot of good tips for new users.
May 19th at 2:54 pm
So glad to see this! My current and original theme fits my needs so well that I’ve been hesitant to even think of updating. This change certainly gives me the confidence to “maybe” make a theme in the future. Thank you so much for continuing to give us improvements!
May 19th at 3:07 pm
Two things I have been wanting since I started my blog a couple years ago – thank you soooo much! (And I love the geeky codename, hehe.)
May 19th at 3:15 pm
Like this!…very nice…
May 19th at 3:24 pm
May 19th at 3:48 pm
I am soooooo unhappy with the WordPress team.
The Pinterest system is just one theme from wordpress; plus Press This and you have Pinterest. That space and opportunity was yours.
I have been on WordPress now for 5 years. I have shut down all my other sites. These rest of ‘industry’ just rests on its backside. While you guys are adding features and ideas each day.
Great job. Keep it up!
May 19th at 4:35 pm
Great news and … thanks for helping us out.. have been playing around with loads of themes – but I haven’t found anything that suite me better than what I use today – but it took me days to find it. Forever – are perfect for me.
May 19th at 4:42 pm
Yeah, you release the live preview customiser just *after* I switched themes! :p
May 19th at 4:49 pm
This is a good start, fantastic even, but it would be very useful to be able to edit widgets as well, as sometimes these (especially any that require parsing HTML) need to be previewed before going live.
May 19th at 4:59 pm
Ditto, Ditto, Ditto! I’ve been wanting a different theme and I just found one I like better since I was able to use this new “Live Preview” and play around without fear of losing all my set up.Thanks! Thanks! Thanks!
May 19th at 7:16 pm
How do I adjust the header size in theme 2011? I don’t see that option. I’d like to reduce the size to make the header image smaller (testing on a private blog right now).
May 19th at 7:52 pm
Wow! These are some of the best update sets you gave us recently! Thank you very much! I really appreciate it!
May 19th at 10:26 pm
These are all great improvements. It makes it so easy to test a theme before selecting it.
May 19th at 11:00 pm
Its very rare for me to love something new but I love this. I saw it ‘previewed’ on a wordpress.org page and thought “when oh when is it coming to wordpress.com?” and here it is! Thank you.
By the way, I’ve already used the custom header via the media library – have been testing out headers that way for the past few days for a new blog – and it’s been really good. Particularly being able to switch between ones I’ve uploaded that are already on the custom header page. The problem for me is choosing between them!
May 20th at 12:01 am
Just love that you guys are making continual improvements because you care so much about us blogger people! Awww! I especially love the header image resizing.. That was really bugging me. Looking forward to more font options! Thanks for caring! by the way.. I wasn’t able to comment when reading this on my smart phone (iP) any ideas..?
May 20th at 3:39 am
SO happy about this – thank you, thank you!
May 20th at 3:52 am
Awesome news indeed, thanks so much!!
May 20th at 6:08 am
I know what you mean — the old preview was helpful, but you could never really tell what it would be like once you updated the colors and stuff.
May 20th at 8:29 am
many thanks Jane
May 20th at 9:38 am
It’s all good. Kudos
May 20th at 2:48 pm
Thank you, thank you. Being new to all this, I’ve been almost afraid to play with new themes until now.
May 20th at 2:59 pm
Finally!!!! Sometimes it takes so many tweaks and such a long time to customize the blog, this is such a good feature. The custom header too is a welcome relief. I’ve seen such great themes, but the header size always ends up being the deciding factor. Thank you
May 20th at 3:18 pm
Thank you so much! Half switched templates have bugged me too. I’m always in this race to recustomize my blog after I’ve changed templates before anyone sees it. So yeah. I’ve just found another reason to be absolutely in love with WordPress!
May 20th at 3:28 pm
Yey!! Thank you!! It took me hours to edit my blog and this will really helps a lot for future tweaking I also love the tweaking of HTML in the photo caption! Good one WP
May 20th at 4:46 pm
May 20th at 8:20 pm
Great! This really is a good feature! WP, always on the front!
May 20th at 9:47 pm
Great improvements guys, I went through a major theme switch last year and warned my readers beforehand because I knew it would take me a while to be happy with the big change. I’m looking forward to trying out the live preview next time. Also I’ve been wanting links in image captions for aaaages too! Thanks heaps!
May 20th at 10:59 pm
i have no comment simply superb thank u
May 21st at 1:18 am
Just what i needed as I’m seriously considering switching to a premium them but was hesitant not knowing if it’d look the way I wanted it to. This will make the process that much easier. Oh and yes please, do provide a WYSIWYG editor for photo captions. Thanks for the constant improvements to this the greatest of all blogging platforms,