Connections and Header Images

Last week while Matt was in Austin, we spent a few hours working on the Connections theme. It got an overdue update and something even more exciting: custom header images. Custom header images! Yes!

But that's not all! We have cobbled together an online photo cropping tool for your cropping pleasure. Now you don't have to load up Photoshop or even know the exact dimensions of the header image. Just upload, crop, jump for joy.

Here's how it works: under Presentation, select the Connections theme and go to the new Custom Header Image screen. Upload a photo with the simple form. On the next screen, use the mouse to mark out the area you want to use as your header image. (Don't worry, the width/height ratio is fixed so the picture won't be squeezed.) When you have it just the way you like it, hit Save. You can then change the header font color for contrast and coordination. Jumping for joy is optional.

We know there will be requests to add this functionality to all themes, so here's a peek at the game plan: limit the fun to Connections users until we have seen plenty of success and squashed any bugs, then roll it into some of the other themes. Ready? Try it!

Update: If you've done an extra-cool header image, be sure to let us know in the comments. 


Missing out on the latest WordPress.com developments? Enter your email below to receive future announcements direct to your inbox. An email confirmation will be sent before you will start receiving notifications - please check your spam folder if you don't receive this.

Join 17,889,785 other followers

Andy Skelton

70 Comments

Comments are closed.

  1. fuchsiacow

    wow! spectacular… can’t wait for customisation to other teams.

    i’m sure you guys heard it so often, but you guys are really great!! *thumbs up*

    Like

  2. pipsqueek

    exactly what i was waiting for.. now i got the push to use connections..

    brilliant job guys!

    Like

  3. sanyuja

    Finally! I am waiting for this to be available for all the themes.

    Like

  4. Matt

    Nice job Andy. :)

    Like

  5. sweska

    amazing guys!!!…. esp the crop function!!
    yep! can’t wait for other themes to add custom headers too :D

    can we just have a little note added somwhere for the header size?? just like… 800 X 50… or something like that

    great job!!

    Like

  6. ychittaranjan

    Good Feature that. Hope that it will be rolled onto other themes as well. But what about themes where there is no Header-Image? For E.g. Theme Thirteen has a Flowery-kinda image to the left side. Would that qualify as a header image and be open to customization?

    Like

  7. MadMark

    Great Feature! Can you do the same for the Default Theme?!

    Like

  8. Serola

    Nice, but you had something similar already in Regulus. The problem with Connections is that you can’t customize the Sidebar Widgets. So add that feature as well to Connections and then the success will be garanted.

    Like

  9. Pingback: kapeka » Custom Header
  10. Destiny

    Cool, can’t wait till it goes to andreas theme, gonna try it now anyways ;)

    Like

  11. Livia

    Fantastic! I so wish this could happen to the old, great WordPress Default 1.5 (Kubric) theme too!

    Like

  12. Matt

    Just for folks who are asking, we’re planning to roll this functionality to all themes it makes sense for after we work any bugs out with Connections.

    This is different from the functionality in Regulus because that requires you to use something like Photoshop to resize an image manually before uploading it, and doesn’t let you change things like text color on the image.

    Like

  13. Lee Kelleher

    Wow! This is amazing functionality, especially the crop tool!
    (I thought that the XML import/export was good, but this rocks!)

    Keep up the good work Andy (and the rest of the WP Team – of course)!

    Like

  14. Christian

    Unfortunately there is no way to configure the sidebar in this theme … so I’m waiting. Would love it with “contempt”, “pool” or “default”
    This feature is absolutly cool!!!

    Like

  15. Sankar Viruthachalam

    Nice one. Looking forward for this feature in other themes to :)

    Like

  16. jaytomio

    Can’t wait to to see this running on all themes!

    Like

  17. greenlightsabers

    Jump for joy? Yes please!

    Like

  18. Ankur Gupta

    good work …

    Like

  19. David Shutt

    That’s great – but Connections doesn’t let the widgets work as well….it pushes them all down the page.

    How about letting us customize the greatest of all themes, the theme of themes you might say – ‘Contempt 1.0′

    Thanks,

    Dave

    Like

  20. chaoticmind

    This is soo cool!! :)

    Like

  21. MTR

    I just switched over so that I could use this feature. I’d prefer to do it in another theme, so please let us know when we can. Either way, I really like the tool. Tell me what you think about my header…

    http://morethanright.wordpress.com/

    Like

  22. drhaisook

    That’s a nice feature. Hope you incorporate it in the rest of the themes as well, esp. Dusk that I use! :)

    Like

  23. nylusmilk

    i’m dying for a change in my blog’s layout but i can’t use it because the text widget titles run when it’s longer than one line, which is a real pain because regulus text widgets can adjust to titles longer than one line. =( otherwise, it’s excellent! i will use it when i can think of one-line title text widgets.

    Like

  24. Elizabeth

    Oh my gosh!!!

    I used the Connections theme in the beginning but switched because I couldn’t organize the sibebar. Now I see that I can access and organize the sidebar! And customize the header, too!! I love the crop tool.

    Threadbears ‘n Yarntails

    Thank you!! *skippity*

    Like

  25. kopicat

    This is one feature worth waiting for! You guys are great!

    Like

  26. Pingback: Blogorrhea » Images on Gmail
  27. sunburntkamel

    eeeek.

    just a note, your automagical cropper has the default behaviour (no pixels selected) of giving you no image (black header). it shouldn’t be a 3 step process just to get an image. no selection should result in displaying the entire image.

    Like

  28. Ujwala

    love the idea of custom headers and have been using Regulus on one of my blogs to do just that. went off like an eager beaver to check this one out too. i loved the design but had a problem. the sidebar was getting pushed down so i’ve switched back to regulus.

    Also i had a suggestion for the photo cropping option which btw is a fantastic idea – there should be a way to automatically reduce the size of the file being uploaded and the option of putting a url of an image already hosted elsewhere on the web.

    i was really excited to see 3 announcements. keep up the good work! i really do enjoy using wordpress.com

    Like

  29. Pingback:   WordPress.com Connections Theme Header by Blogging Pro
  30. Gymshoes

    Excellent! Just what I’ve been waiting for! :-D Check it out! Sea Creatures & Me Uh-oh…I just went back to my site and tthe header image is gone! Right clicked to view background and got 404 Not Found for the cropped image. :-( Where did my fishy go?? Browsed images and it looks like the full image is still there. Oh, well…I still really like this feature. Perhaps the cropped image will pop back up tomorrow. ? :-)

    Like

  31. Gymshoes

    And my html was stripped from the comment form. :roll: I’ll try again to post the URL: http://nanoreef.wordpress.com/

    Like

  32. watershed

    Thank you!! This is a wonderful new feature! I have it on my blog now-

    http://www.watershed.wordpress.com

    My only suggestion would be to bring back the sidebar in the single-post pages (below the archived entry box). Now, when people click on a single post (like through an RSS feed) they don’t get your sidebar at all. If that was added back in, it would be all PERFECT.

    Thanks! I love wordpress!

    Like

  33. Dannie

    I gave it a go. It would be good to know what the maximum size of the jpg to upload could be. Thanks.

    Like

  34. Mick

    I’ve been pretty happy with my theme since I settled on one, but it never felt totally “me” until I switched this afternoon.

    NOW I feel close to home.

    Nifty work guys. Then again, I don’t recall a time where I wasn’t impressed. Thanks.

    Like

  35. riva

    It would be more useful if, as in Regulus, users were able to hide the blog title text.

    Like

  36. Theo

    I nominate myself for snarkiest custom header:

    http://theocracy.wordpress.com

    And while I’m not crazy about the drab green on Connections, I do like the clarity of the type in the blog space.
    I swear, on half the other themes, you have to squint to read the faint type.

    Like

  37. Stephen

    I really like this feature, but it’s a bit difficult to find pictures that match the green color scheme. It would be nice if you guys added this to a more neutral theme. WP.com needs more classy, simple, “professional”-esque themes.

    Like

  38. Phil

    PLEASE DO THE SAME FOR THE DEFAULT THEME, LIKE YOU COULD DO WITH THE ORIGINAL KUBRICK! PLEEEEEASE!!

    Like

  39. K

    “Just for folks who are asking, we’re planning to roll this functionality to all themes it makes sense for after we work any bugs out with Connections.”

    That’s great Matt. However I played it on my other blog using the crop image and it actually helped me create a nice crop size on my Regulus Theme.

    How sweet. Thank you.

    Like

  40. green

    I was waiting this for quite a while. Hurray! (:

    Like

  41. riva

    I second Livia and Phil—it would be awesome to see this feature in the default theme, and I think people would use it. I did switch to Connections (from Regulus) after trying some different header images, though. I definitely like the large, high-contrast type and muted color scheme in Connections.

    Like

  42. cutter

    Unless you can also edit the color scheme this function is going to create a lot of bad looking sites. I fear there will be many sites with photos that clash with font and header colors.

    Like

  43. wank

    Well, yes, customisation inevitably leads to bad looking sites because so many people have no taste. For an illustration of this principle you only need to look at MySpace (if your eyeballs can take the punishment). Therefore your proposal that we be able to edit the colours would only make matters worse, because not everyone cannot be trusted to pick decent ones.

    Like

  44. calupict

    I tried to customize my own. Is there any chance to make Regulus Theme with dark background?

    Like

  45. jtintle

    I made a quick one for my second site at http://techrant.wordpress.com/ . it isn’t much, but it’s better than a generic one

    Like

  46. Rant's, Reviews, and sometimes Info

    Well did you notice anything?

    Look up, I've got a new banner…sweet, that they are allowing some custom banners on a select few themes..I know it's not much, but hey its new…

    Like

  47. azahar

    This is simply fabulous! I started a blog here recently because I was already using WordPress as the content management system for my business website.

    I’ve had lots of fun playing with various ‘themes’ here but this latest one is the best yet. Just waiting for a friend of mine to photoshop my cats under my arm in my new personalised header – ha!

    I’ve also really appreciated how genuinely REAL and CARING the WordPress staff comes across. Amazing support system. People working to make the site even more interesting than it was yesterday. That really blows me away!

    So basically, I love being here. And send my thanks to all the WordPress staff who keep making great things happen here.

    azahar

    Like

  48. taraden

    Very cool!!! :D

    Like

  49. Greg

    Great work, guys. I appreciate it. Got a closeup sand header on my other blog at http://theoldvillage.wordpress.com check it out.

    Like

  50. ministryoferror

    Good job guys…Somehow, maybe you can make it flexible and allow the text in the header (where we can put the blog name and tagline) to be customizable to be where the user wishes. (e.g top left or right hand corner.) Presently it is only available on the top right hand…

    I don’t know if you get what i am trying to say cos I don’t know all the proper terms. Hah!

    Like

  51. onecoolsoul

    Looks very good guys. I changed the header of my blog as well. Very nice update here.

    Like

  52. Joby Elliott

    nice job, but read this excerpt from an IM conversation I just had.

    me: ooh, big news at wordpress
    finally, custom header images
    Alex: its like 1999!

    Like

  53. Joby Elliott

    Despite my bit of sass, I have enthusiastically adopted a new header image. I don’t really like it, and I’d like to work on it more, but a crazy desert party beckons…

    Like

  54. aparna

    Thats fantastic job.. I love WordPress… !!!!!!

    Like

  55. Pingback: Silver Ronin, aka Dewayne Mikkelson » Make your own Header Image = Awesome!
  56. Ben

    I used the custom header feature. Works really well. My custom header can be seen at http://benlucier.wordpress.com. One question though… I made my own text as part of the header image. Do you think an option can be added to disable the Blog Title and Tagline in the Header? My only option was to completely remove the Blog Title and Tagline under Options… Something I’d rather not do.

    Thanks for the hard work!

    Like

  57. addicteed.com

    Can’t wait till this is available for all the themes – way to go WP team!

    Like

  58. Pingback: El Blog de Juanjo™ » Novedades en Wordpress.com y lo que se avecina…
  59. astudentofhistory

    I think my header is pretty nice. How do you other bloggers reconcile color schemes (my header image is a bit overwhelming)

    Like

  60. Pingback: Prismes et planches » Nouveau look pour nouvelle saison
  61. bttgeraes

    Just starting to test wordpress as my blogs new home. Anyway, here is my self made header: http://bttgeraes.wordpress.com/

    thanks!

    Like

  62. inhizimage

    WONDERFUL! This has made it easier to customize my page to be more like… well, me!
    Thanks. (Take a look if you want)

    Like

  63. chaiway

    Getting better all the time! I’m tickled pink with the Sweet Blossoms template, but I think the font’s too small for easy readability. ?? Changed it in the code a couple X’s, but would rather just type & not have to fiddle too much. No doubt I will try the custom headers sooner or later. Thanx for all the great work!! :-)

    Like

  64. nubizus

    Thaks. You are the best blog service on the Planet Earth.
    Next step: Custom CSS/ Theme editting pannel(Pleace):)

    Like

  65. Pede

    This is so nice.. I love that we now can have a costum headbanner..
    THX U GUYS

    Peter (Sloane)

    Like

  66. aj2r

    This will be perfect:

    Thaks. You are the best blog service on the Planet Earth.
    Next step: Custom CSS/ Theme editting pannel(Pleace):)

    Like

  67. Galileu

    I did my header image. Check this out on my blog. I LOVE WP!

    Like

  68. zazamataz

    This is nice and the crop function is great. But my nifty header image clashes with the green background of the theme. It’d be really nice to be able to change the background colors as well.

    Like

  69. ekiben

    yeah, it’s pretty nifty.

    Like

  70. Lazza

    Use Gimp!!! Not Photoshop!

    Like

Follow

Get every new post delivered to your Inbox.

Join 17,889,785 other followers

%d bloggers like this: