Customizing Bueno: Mi Piace Kate

We all want our blogs and sites to feel like “us,” and there are tons of tweaks that can turn a plain ol’ theme into a bespoke web experience for the discriminating blog connoisseur. Last month, we looked at how one online mag transformed the Oxygen theme; today we’ll check out how one blogger took the third most popular theme on WordPress.com and built something entirely her own.

Say ciao to Mi Piace Kate:

Mi Piace Kate

“Mi Piace Kate” is Italian for “I Like Kate,” and we definitely do! Kate’s a graphic designer, cat aficionado, and handcrafting devotee who’s taken the free Bueno theme and run with it. Her blog is a stellar example of how some custom images and a $30 Custom Design upgrade can change a free theme into a million-dollar site that’s totally unique.

Take a look at the standard Bueno home page next to Kate’s:

Bueno Theme

If you didn’t notice the post date in the colored circle (pink in the original; chartreuse in Kate’s update), you might never know that this blog used Bueno. How did she pull it off? Here are a few of her (not-so-secret) techniques:

Custom header

Kate sets the tone with a custom header that both tells the reader a bit about her and the blog and sets the tone design- and color-wise:

custom header

Uploading a custom header doesn’t require an upgrade; it’s an option for any Bueno blogger (and for tons of other themes, too — 152, to be exact).

Thinking, “But I’m not a graphic designer”? You don’t need to be! Create some simple text in your word processing program of choice and save it as an image, or use a favorite photo that has meaning for you. Voilà! Instant personality.

Custom colors

Kate takes the colors introduced in the header and weaves them throughout the site, from the colored circle around the post date to the lines under her widget titles. She’s doing this via the Custom Design upgrade, which lets her pick the exact shades she loves and use CSS to apply them specifically where she’d like.

If you’re not loving the stock Bueno pink but the idea of CSS gives you the heebie-jeebies, we’ve got you covered: Bueno comes with seven different color schemes you can activate with a click by heading to Appearance → Theme Options, and you can use the Custom Design upgrade to change the colors of fonts and backgrounds even more, no CSS necessary. (If you want to dip your toe into the CSS pool, here’s a primer.)

Custom fonts

The bold fonts are what draw a lot of you to Bueno in the first place, but if you’re digging the Bueno layout and would like a different font look, the Custom Design upgrade lets you do that. On Mi Piace Kate, Kate’s opted to use the classic serif font Ambroise for headers and post titles, easy-to-read Museo Sans for regular post text, and the slender and elegant Raleway for titles and menu options. If you’re interested in exploring custom fonts, check out how a few other bloggers are using them and learn how to preview them for your own site.

Mi Piace Kate - Blogroll example

Fun with text widgets

Kate wasn’t afraid to get under the hood and wrangle her widgets to get the exact look she wanted. Check out how she’s styled her blogroll, right. She’s changed it from a simple one-blog-per-line list to something with a different kind of visual interest that gels with the clean but playful look she uses across the blog.

How’d she do it? By using a Text widget rather than the Links widget most of us use for blogrolls. Since text widgets accept basic HTML, she was able to drop all her links into a widget, separating each with a double backslash. Her custom fonts and colors took care of the rest.

mi piace kate widget

Kate kicks off her sidebar with one of our favorite but underused widgets — a basic text widget with some “about” copy. Again, the widget pulls in all her customizations: colors, text, and CSS, so it’s providing information and context for new visitors to her site while reinforcing the Mi Piace Kate brand.

She’s also customized her widget titles, another of our favorite tweaks: “Links” becomes “I Like to Look,” and “About” becomes “Oh Hello.” No opportunity to inject personality into the blog is overlooked.

(For more on customizing widgets, check out our recent tutorials on working with text widgets and three free ways to customize your blog.)

Kate uses a mix of design- and tech-sense to create a blog that screams “Kate!”, but anyone can personalize their site with standard options like custom headers and creatively-used text widgets, or use the basic click-to-activate features of the Custom Design upgrade to go a step further. She’s definitely inspired us, and we hope she’s done the same for you!


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,988,878 other followers

Michelle W.

27 Comments

Comments are closed.

  1. Jerry Bates

    Wow, she really made that her own; looks great!

    Like

  2. Sandra Pawula

    I love these examples you are sharing with us!

    Like

  3. hcfbutton

    I would never have guessed it was from the same theme. Kudos to her for updating it. Love the playful nature of the site too!

    Like

  4. priscillacpoupore

    I wish I was brave enough to try these great ideas

    Like

  5. Eclectic Medicine Design House

    Excellent, I’ve just changed over to Bueno and started to customize thanks to the girls from a beautiful mess e-course. I’m about to upgrade so I can change the font and other features. Amazing what one can do without paying a cent though! Check out my Bueno page. Work in progress :)

    Like

  6. PiedType

    Love articles like this. I’m always looking for new ideas to customize my blog.

    Like

  7. R. Lynn

    I love the changes of how she made it her own!

    Like

  8. Tash Lewin

    I also customised the Beuno theme at http://gettingthegoss.com/, it is beautifully coded and so easy to customise.

    Like

  9. Lesley Karen Penera

    It’s great Michelle :) I’m a newbie and posts like yours really help except the $30 that goes with the custom design :) Guess I still have to take full advantage of what’s free until I get to start monetizing something hopefully :)

    Like

  10. lindensheffield

    It all looks lovely, however I’m a complete beginner and all the terminology means nothing to me – I don’t even know the difference between a website and a blog, I was just recommended by a friend to sign up. What’s a widget??? Think I’d better think it out again and get someone else to do this for me!

    Like

  11. Jana

    What a great post and WOW for the customized design. Thanks for the insight – always helpful :)

    Like

  12. abiabari

    Reblogged this on Misuratatelecom and commented:

    Nice Kate

    Like

  13. kerimelkissestj

    I love how Kate used the Upgrade to create such a new and self-oriented look. Kate’s personality does in fact show within the design and it is quite intriguing to look at as well.

    Like

  14. lacasafeliz

    Awesome job!

    Like

  15. hrosez

    Cool! Nice blog! :) She really made it personal!

    Like

  16. Katharine Trauger

    These posts are so helpful. Thanks so much.

    Like

  17. Mike Booth

    Hats off to you, Kate, both for your project and your blog. I’d love to attend some of your events, but I’m a long way away, in Granada, Spain. I would wish you luck, but you’re the kind of person who makes your own luck!

    Like

  18. xtine danielle

    Super great tips! Thanks for the muy Beuno inspiration! ;)

    Like

  19. hlttf

    Thanks for this very helpful and easy to understand guide to what is possible!

    Like

  20. Russ Crandall (thedomesticman.com)

    Looks great! I also heavily modified/tweaked the Bueno theme for my site (http://thedomesticman.com/) – widened the posts, added borders being the biggest heavy lifting. It’s a great theme to work with.

    Like

  21. Baubles to Bubbles

    This looks amazing! I have to try some of these tips.

    Like

  22. BHop

    Reblogged this on bhopkins1991 and commented:
    Hopefully my blog looks and feels like me one day..

    Like

  23. Yelly

    Thanks for sharing the tips! I’m not brave enough to dip my toesies into the CSS pool just yet but this has given me loads of ideas. My blog looks a lot cleaner now. I’m thinking about other changes but I definitely made a good start tonight. Will definitely reblog this as I know it’ll help others! Thanks!

    Like

  24. Yelly

    Reblogged this on Yellywelly and commented:
    This gave me ideas about cleaning up the blog and making it look less cluttered. Changing my blog background was a great start. Reblogging this because I know it’ll help others who use the Bueno blog theme…and even if you don’t use the Bueno theme, the ideas are too good not to share!

    Like

Follow

Get every new post delivered to your Inbox.

Join 17,988,878 other followers

%d bloggers like this: