• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Fancy Girl Designs

Bespoke Brand and Web Design for Female Creatives

  • Home
  • About
  • Design Services
  • Portfolio
    • Interior Design Websites
  • Articles
    • Resources
  • Work with Me
  • Home
  • Meet Patricia
  • Brand and Web Design Services
  • Portfolio
  • Articles
  • Resources
  • Testimonials
  • Inquire

8 Tips for a Fab Sidebar

July 23, 2014 by Patricia 4 Comments

sidebartips

 

Hello lovely people! I’m currently nursing a bad case of the flu, but I thought I should take time to post this one.  I’ve seen a LOT of blogs with sidebars that make me cringe.  Do you know why a lot of people don’t pay attention to sidebars? Most of them are too cluttered or too boring. You have to curate your sidebar widgets in the same way that you edit your posts.  Here are 8 tips to make your sidebar beautiful, interesting, and organized.

1. Proportion.

What is the width of your sidebar? How wide is it in proportion to your content? Make it wide enough to fit your ads (most ad images are 300px wide), but not too wide that it competes for attention with your blog posts.  Make sure margins are generous. Sidebars contain lots of information, having a lot of white space makes it less overwhelming.

2. Order.

Arrange your widgets so that similar items are grouped together. Put the most important widgets at the top (about me, social media, search and navigation,  newsletter opt-in form).  Ask yourself, “what do I want my readers to do first?”

3. Length.

One of my pet peeves is a never-ending sidebar. Do you really need to show your list of favourite sites? Why would you want people to move away from your blog? Remove anything unnecessary. That stat counter and visitor tracker is useful only to you. Get rid of them.

Blog awards and network buttons may make you feel great, but unless they were given by a big name company, you should place them in your About Me page instead.  The same goes for “As Featured In” badges – if you have more than 3, it should go to a separate page instead of your sidebar.

Archives and Categories help your readers navigate your site, but if you’ve been blogging for a long time, the list can be quite long. Use the dropdown option instead.

4. Headers.

You need good sidebar headers so that it looks organized, and readers can easily find what they need.  Use a good-sized font that is easy to read.  Experiment with making the titles all caps, centered, bigger, whatever makes them stand out. Try them out and see what works.

5. About You.

Yes, you. At the very top of your sidebar should be a good photograph of you with a short description of who you are and what your blog is about.  You can style the image if you like, with frames and embellishments, but make sure your face is clear and the photograph is of good quality. Readers want to see the face behind the blog.

Quick design tip: have a portrait taken of you wearing clothes that match your blog’s colour palette. Ask a photographer friend to take it. 

6. Ads.

One of the biggest culprits to messy sidebars – ads! Sometimes there are way too many ads; or ads in different sizes and different alignments, or my pet peeve – several animated ads. I really get turned off as a reader if a blog has a ton of ads because it tells me that the blogger is more interested in making money than delivering great content. Your blog will look spammy.  Remember that too many images can also affect loading time (especially if the ads are animated, ugh!).  Try to get the ads to be in the same size. If it’s not possible, then center align all of them.  

7. Social Media.

It would be great to have coordinating social media buttons that match your theme.  Place them right below your About Me widget for easy access. Don’t bury them way down.  You want people to follow you so they can come back for more awesome content. (You can create a nice set for yourself using the Genesis Simple Social Icons).

You might also want to include live feeds from Twitter, Facebook, and Instagram, if those are important to you.  Social media is a great way for your readers to interact with you in real time.  Make the most of it, again, don’t let it overwhelm your actual blog posts.

8. Typography.

Use only two fonts on your sidebar: one for headers, one for text.

divider

I hope you’ve found these tips helpful and will put these to good use. Which one are you struggling with? What other improvements do you need to make to take your sidebar from frump to fab?

 

 

Filed Under: Tips & Tricks Tagged With: blogger, blogging, sidebar, tips, wordpress

About Patricia

Front-end web developer, graphic designer, artist, work-at-home mum living in Singapore. I blog about my passions, which range from interior design, art, colours, typography, and all things pretty!

Previous Post: « My Favourite Genesis Plugins
Next Post: Of Illustrations and Technology »

Comments

  1. JM de la Rama says

    July 23, 2014 at 12:32 pm

    This post makes me check my own side bar! Thanks for the tips. 🙂

    Reply
    • Patricia says

      July 24, 2014 at 11:25 am

      You’re welcome! I hope it helped. 🙂

      Reply
  2. ceemee says

    July 25, 2014 at 2:11 pm

    Thanks for the tips! I kind of want to change my picture haha! How could I revise it?

    Reply
    • Patricia says

      August 4, 2014 at 10:27 pm

      Upload a new picture, copy the url, and replace the one in the widget. 🙂

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Hello and Welcome!


Hi, I’m Patricia, the girl
behind Fancy Girl Design Studio.
I love pretty things, clever words, fonts, colors, the Oxford comma, and exclamation points!
Won’t you grab a cup of tea with me and stay a while?
Let’s talk all things pretty.
ABOUT ME

Looking for Something?

Categories

  • Art & Illustrations
  • Branding
  • Branding & Website Resources
  • Everyday Fancy
  • FancyGirl Finds
  • Featured Projects
  • Freebies
  • Freelance Diaries
  • Inspiration
  • news
  • Styling
  • Tips & Tricks
  • Uncategorized
  • Workshops

latest Freebies

Free Floral Phone Wallpapers

Opal, Marble, & Agate Lockscreen Wallpapers

Spring Lockscreen Wallpapers

Navigate

  • Get a Quote
  • Brand and Web Design Services
  • Art Direction & Styling
  • Semi-Custom Website Design
  • Meet Patricia
  • Testimonials
  • Articles
  • Resources

Let’s Get Social

  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest

How it Works

  • Terms & Conditions
  • Questions and Answers
  • Work with Me
  • Resources
  • Brand and Web Design Services
  • Back to Main

FOLLOW ME ON INSTAGRAM @FANCYGIRLDESIGNS

What do you want the world to think of when they h What do you want the world to think of when they hear your brand name?

Your brand is your manifesto, your one-word or symbol declaration of who you are and what you stand for. It doesn't have to be true yet, but it's what you want to be, and how you want people to see you. If you're successful, your brand's perception will become its reality.

How do you want your clients to feel when they think of your brand? What perception are you trying to shape? Let me know in the comments!

#branding #quotes #brandvision #creativeentrepreneur #launchpadgroupsg #luxurybranding #fancygirldesigns
Step into the new world of Fancy Girl Design Studi Step into the new world of Fancy Girl Design Studio! The new website is a reflection of my brand's evolution. It's more sophisticated and polished, and it better represents my brand values and commitment to providing customers with the best possible experience. (I do miss the pink though!)

I owe a big thank you to my amazing brand photographer, @zebrajojophotography , for capturing the essence of my brand perfectly. I think she can read my mind now! 

Visit the website today and experience the difference. Oh, while you're there, do try out the brand personality quiz, and share your results!

#webdesign #branding #websitelaunch #launchparty #DigitalElegance #fancygirldesigns #luxurybranding
Creatively adventurous, bold, upscale, and establi Creatively adventurous, bold, upscale, and established. Not an easy set of keywords to visualize, but here's the moodboard and color palette for this talented workplace designer. 

The color palette has very midcentury modern vibes, and one that I am excited to render in a logo design as it's quite unusual! 

#moodboardmonday #moodboard #colorpalette #inspiration #branding #creativeentrepreneurs
I launched my website even though it wasn't 100% r I launched my website even though it wasn't 100% ready. ⁣😳

You know why? It will never be 100% ready. It will never be 100% perfect. Or bug free. Your website will need tweaking, updating, and a zhuzhing up here and there every now and then (as I do with cushions every time I pass by the couch). 

You have more portfolio galleries to share? Post them later. Google will love you for producing fresh content frequently. You want to change your headshots? Go ahead and update them every season if you wish. You can even tweak your copy to make sure it's up to date with your latest offerings. You should be making these updates anyway, even if your website was perfect when you launched it. (but realistically, no website ever is.) 

Have you checked out my new website yet? Don't forget to sign up for fancy mail and get my free guide to website images. 💖

#websitelaunch #fancygirldesigns #brandphotos #launchpadgroupsg #collaborationovercompetition #creativeentrepreneurs #happycreativelife #DigitalElegance 

Photo by the incomparable @zebrajojophotography
gorgeous fringed cushions from @templecandles 
hair and makeup by @gayathrimenon
Guess what, my new website is live, and I've got a Guess what, my new website is live, and I've got an amazing freebie for subscribers! Head over to fancygirldesignstudio.com and sign up for fancy mail to grab this guide. 

As a creative, having amazing images on your website is a non-negotiable. But it can get overwhelming when you don't know where to start. What sort of images do you need? How do you name your photos? How many gallery images should you include? How do you optimize images for SEO?

That's why I created this guide for my clients. Now you can have access to it too. 💖

And once you've checked out the new website, tell me what you think! 

#launchparty #launchweek #fancygirldesigns #fancymail #freebie #webdesigner #launchpadgroupsg #creativeentrepreneur
It is unbelievably easy to use the Generative Fill It is unbelievably easy to use the Generative Fill tool on Photoshop 2024! The latest version of the software has a much more powerful version of the AI and is capable of doing so much more than just remove backgrounds from photos. 

Here are step by step instructions on how I changed the art inside the frame using this tool. All in a matter of seconds. 

And then of course I tried doing it manually and ended up liking the result more. 😂 but that's just me! It really is a very easy tool to use. 

Have you tried it? And can you tell which one is not AI generated? 

Photographed by @zebrajojophotography 

#photoshop #toolsandtricks #photoshoptips #graphicdesign #interiorphotos #styling #aiart #psgenerativefill
Follow on Instagram

Copyright © 2023 · FANCY GIRL DESIGN STUDIO