What a Difference a Header Makes! Three Theme Transformations

WordPress.com bloggers create some truly bespoke sites using our 200+ themes as a starting point — the possibilities are endless, especially if you’re willing to give CSS a try.

What if you want something that’s more off-the-shelf, but still feels like you? Using a custom header and background — options that are available with most themes, no upgrade or coding chops needed — can completely transform the look of a theme. Not convinced? Take a look at Chef in DisguiseBKLYN Locavore, and The Modage Cottage. We bet you’ll be as surprised as we are at how they started out, and how far they’ve come with just a few tweaks.

Chef in Disguise

Sawsan explores her passion for Middle Eastern food on Chef in Disguisewhere her delicate header and complementary background pattern create a soft, welcoming mood that still allows her photography to shine:

chefindisguise

From a theme perspective, it could just as easily be called “Comet in Disguise” — take a peek at its humble origins:

comet-front-page-showcase1

Comet offers clean typography and a simple, single-sidebar layout. Sawsan takes advantage of both these features, then layers her personal touch on top of them. Her lovely header image, graphic yet muted, provides pops of color, while a faded background pattern pulls from the header’s palette and lends more warmth and depth to her site.

“It looks nice,” some of you may be saying, “but I’m no graphic designer. I can’t create a header, or pay someone to make one for me.” Luckily, the vast resources of the internet are here to help. There are many sites where you can download free patterns and textures to use as a background — re-create this look by picking one for your background, and another for your header. Add a bit of text to the header image yourself, or simply upload the pattern and allow WordPress.com to display your blog’s title and tagline over it.

Not sure how to get started? We’ve got that covered, too: visit Subtle Patterns or Squidfingers Patterns, and find the perfect (free!) pattern.

BKLYN Locavore

A New Jersey native transplanted to Brooklyn, Melissa Brody started BKLYN Locavore to share her twin loves of food and food sourcing, with an emphasis on locally-grown and produced foods:

brklynlocavore

You might not suspect that this bright site celebrating all things green would use the darker, more serious Quintus, but BKLYN Locavore is another testament to the power of a custom header and background.

quintus-screen

Melissa uses the standard Quintus layout, with its mix of serif and sans serif fonts and clean custom menu, then transforms it completely with a relatively simple text header and bold background. We especially love her background image, an extremely zoomed-in photo of plants. It reinforces the focus of her blog, creating a softly blurred image that adds color and texture without distracting from her content.

A photo background is an easy and effective way to add an incredibly personal touch to your blog; using a close-up gives your photo a nice abstract quality. Give it a try: pick a photo you love, use a program like Photoshop or an online tool like Picasa to crop out a piece to use for your background, and you’ve got a one-of-a-kind custom image. For more background inspiration, take a look at The Daily Post’s tutorial.

The Modage Cottage

On The Modage Cottage, Kristin Kaylor chronicles her journey from big-city corporate life to small-town shop owner, offering up recipes, fashion, and home renovation tips along the way:

cottage2

She chose to use the extremely flexible ThemeMin, which starts out looking like this:
thememin-showcase

Beyond its default layout, ThemeMin comes loaded with pre-set options: five different color schemes and a variety of mix-and-match options for a home page layout, and that’s before you upload a header.

Kristin opted to put a sidebar on the right-hand side of the page, and to display posts in a single column. Notably, she’s also removed the carousel on top of the home page; by not making any of her posts sticky, the carousel simply doesn’t appear. Instead, she’s added a bright, airy header image that keeps things cheerful and gives her site a breezy feel. (She also uses the Custom Design upgrade to carry those colors through the rest of her site.)

There are two key things Kristin’s choices teach us: first, don’t underestimate the ways a header can set the mood for your blog (and a header that’s largely text, at that). Second, when browsing the theme showcase in search of your perfect fit, keep an open mind and don’t let form eclipse function. Pick a theme because you like the basics — how posts are laid out, what optional features are offered, the menu and sidebar options — and then add details you love. For detailed instructions, take a look at our support documents on custom headers and backgrounds.

The way a demo theme looks is only the starting place. As long as you’re happy with the basic structure and core features of a theme, you can give it a cosmetic makeover to turn it into your Dream Theme — without buying upgrades or learning CSS. A creative approach to your header and background, using online tools available to anyone, can turn a pre-fab theme into a comfy online home.

Other posts in the Customizing series:


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,504,304 other followers

Michelle W.

52 Comments

Comments are closed.

  1. gina4star

    I love this, so many ideas and things to think about when I finally get around to customizing my blog! Thanks for sharing such lovely examples and helping me to see the possibilities! :)

    Like

  2. perkypulp

    Great ideas about customizing my blog space.

    Like

  3. Teepee12

    Able, the theme I use, allows a full size image as the header. I’ve tried a variety of themes that allow full image headers and like this one best of the perhaps dozen I’ve tried. Able is full page width and for those of us that like having a big display area for pictures, it’s a super theme. Very straightforward and flexible, good for everything and anything. I have it customized, but just different fonts and I occasionally change color sets.

    Like

  4. Amber

    I’ve jumped around to a couple themes. I’m alright with the one I’m using right now- Oxygen, but I’m still kicking around changing things up. Namely, coordinating some colors and maybe making myself a custom header or two with a logo or something.

    Like

    • michelle w.

      Oxygen is one of my faves; it’s so versatile. If you haven’t yet, check out “Customizing Oxygen” — there’s a link at the bottom of this post. Maybe it’ll give you some ideas!

      Like

  5. Burkhard

    To be honest… This is something that really frustrates me.

    I am using the Choco theme, since it fits me needs quiet well (very sublime, classy, easy to navigate for visitors). There are a few things I would like to change about (like a custom header), but with Choco that is not an option.

    I have looked at other themes, but they either lack the properties I am looking for or they do not seem to work with the widgets I am running (which are all just off the shelf) or subpages. When I start the demo for these alternative themes some of the widgets or subpages are always missing.

    So personally I am somewhere between a rock and a had place here. I would like to customize, but my theme does not allow me to and those that do, either do not fill my needs or do not allow for the functionality I want. :-(

    Like

    • michelle w.

      Demo themes often don’t look exactly as you’d like — there’s usually a bit of tweaking needed to make sure everything’s in the right spot. You might try creating a new blog just as a place to test things and play with themes, keeping it private so that others can’t see it.

      Like

      • Burkhard

        I have thought about that, too.

        Is there an option to create a copy of the existing blog to tweak around with? That way one could actually see, if any of those changes mess up the existing posts. I get a lot of traffic with my old posts as well, so it is important for me to see that they keep intact.

        THX!

        Like

        • michelle w.

          You can export a copy of all the posts from your existing blog, and import them to a test blog to see how they’ll appear — the importing and exporting tools are available in your dashboard in the “Tools” tab.

          Like

  6. Diana Staresinic-Deane

    I love this series of posts! This one in particular has me brainstorming about ways to spiff up my Twenty-Twelve blog.

    Like

  7. Shana Rae

    I’d previously discounted Quintus as being too dark and heavy, until I saw the customised version, I’m using it on my blog now, I love the typography, perfect for crochet patterns!

    Like

  8. shanuwater

    Now if, I can only remember them, I will have a great blog! Thanks

    Like

  9. helena mallett

    I created my own header on Forever Theme and am really happy with it.

    Like

  10. indichik

    This was great! I wasn’t aware that there was so much flexibility within each theme. I may have to do some experimenting. Thank you!

    Like

  11. cprater3

    Really great simple ideas!

    Like

  12. Kristen Kaylor

    Michelle, thank you so much for using my blog design as a customization example! Blog design is definitely not an easy feat – it takes a lot of hemming and hawing and more than a few scraps before deciding on a theme. And then there is the detail! It is definitely an intimidating process. I had absolutely NO IDEA what I was doing when I started, but this just goes to show that with time and effort, anything is possible. You laid out the tweaking process quite nicely – with a flexible design and a little creativity…the world is your oyster!

    Like

  13. Laura Plumb

    This is one of your best and most useful posts ever. Thank you!

    Like

  14. Veage

    I was previously using the bueno red theme, but this post made me realize my headers and background images fit the quintus theme more. The images took away from the content and sidebar in the bueno theme, I think

    Like

  15. Jean Has Been Shopping

    Those look great! Very exciting to see the customization options. I customized mine too. It started out as ThatSimple theme.

    Like

  16. christrocks

    Those sites look awesome! So do they just create a custom header with their site title (and tagline) in it? And then not actually have a title/tagline (just in the header)? In case you couldn’t tell, the whole thing confuses me, though I’m anxious to give it a try!

    Like

    • michelle w.

      Yes, they’re using custom headers that include their titles and taglines — if you upload a header that includes your title, you can opt to have the site not automatically display the title/tagline, so the two versions don’t overlap. You can also upload a header that’s just a graphic or photo, and have the site display the title normally.

      Like

  17. Shafali

    Agreed. Headers can transform a theme. While I am a caricaturist and one would expect that my blog would use a less “technical” looking theme, it uses the iTheme2 theme with a custom header, and custom background. I think it conveys the impression that I want to convey – a technically-savvy artist.

    Like

  18. cdturner2208

    I used one of the websites recommended in this post to change my background, and my blog finally looks and feels like I always wanted it to! I have been having a hard time getting it to look a way I was happy with! Thanks for the link!

    Like

  19. aearthr

    I’m very impressed by Sawsan’s Chef in Disguise blogskin. If you did not mention, I wouldn’t notice it is actually using the Comet theme. Great way to customise a free theme to suit the blog’s style. I hope I can see more of this series. Really inspires me to personalise my blog in a more creative way.

    Like

  20. Canteclaer

    I worked around a few themes and it takes time but I like the way you can adjust a lot of things. I worked some time on my canteclaer2usa.wordpress.com travelblog to USA and am working on canteclaer3usa.wordpress.com. I think it is still difficult to give enough possiblities to find all posts and still keep a clear menu in the front page. That is my fight now, maybe you have tips.

    Like

  21. Naturalbeauty4muse

    So many themes to try :)

    Like

  22. Mike10613

    Try PhotoScape for designing headers and for editing photos in general.

    Like

  23. Jack Flacco

    My header is a simple pic of my with my name on it. Simple and to the point! :)

    Like

  24. A Writer Inspired

    I recently started revamping my blog using the Untitled theme. One of my favorites because of the header and carousel options that ThemeMinDemo has without the premium price. Plus the type is huge and I love that too. Keep these articles coming though, they’re great for ideas and tweaks that a lot of us forget we have. Maybe next year I’ll be switching themes again :-)

    Like

  25. Smash

    I love how much you can change a theme with a header and a BG image! It took me a while to put together something I was happy with for my site, but once I did I was amazed. I love the Splendido theme, but once it was customized it became a real slam dunk for me.

    Like

  26. lavidaesunaboda

    Great post! Very useful for me because I’m so new in this blogging world. Gracias!

    Like

  27. oscarmflores

    Beautiful examples. Quintus I believe was the most dramatic change going from what looks like a simple design, to a more intricate one.

    Like

  28. Doug

    Just started recently blogging, currently I’m using an iTheme 2 and Oxygen Theme. I was just wondering what would be the best header for these two blogs?

    Like

  29. Briverse

    Is anyone using twenty thirteen?

    Like

  30. Hugs, Kisses and Snot

    I’ve been using Comet for a while now and love it. Just a few simple changes and I was able to make it more of my own. I am not super savvy but I was able to figure out how to personalize it. It just takes a little patience and resourcefulness to find the sites that teach you how to do things like make your own blog header to upload free social media icons. Thanks!

    Like

  31. Lemmell-Inventor-Patent Holder

    Its amazing what you can do when overcoming fear. Starting a blog was scary enough, understanding everything related is a lot easier with information like you provided. keep it up.

    Like

  32. annlooo

    Blog header is so important! It’s the first thing you see!

    Like

  33. annabaumgart

    I just started my first blog and got a lot of inspiration from your post! I chose the Quintus Theme before I read your post and was happy to see that there is a lot to do with this theme. My design is probably not the final version yet, but your post encouraged me to start playing around with the header and keep an open eye on what’s possible.

    Like

  34. greenlakeblue

    I use a Test blog which is private so I can play around themes, header images and so on. I suggest everyone to do the same as this saves the frustration of when making major changes if they don’t look as you expected. For my new blog I wanted a clean, artistic and easy to navigate layout where I can choose a Header Image to suit the blog’s vibe. I use iTheme2.

    Like

  35. Laptop Lookbook

    I need to really work on taking advantage of all that WordPress has to offer. I can see what I want my blog to look like in my head, now I just need to work on customization to get it there. Great inspiration.

    Like

  36. fabianborjon

    Customizing your header is Important because it really shows you. But if you are one of those people who likes to pick an already-made background or header, then that’s fine — do it if it makes you happy, not what other people think about your vision in things.

    Like

Follow

Get every new post delivered to your Inbox.

Join 17,504,304 other followers

%d bloggers like this: