Menu

Blogging 101, Day Fifteen: Content Loves Design

Today’s assignment: open the Customizer and try out some new fonts and colors (and backgrounds and/or headers, if you’re still undecided).

You explored themes, played with backgrounds and headers, and test-drove some widgets. Now it’s time to learn more about the ways colors and fonts change the feeling of your content to ensure that your blog’s looks are supporting its tone.

Note: the goal of this task is not to sell you an upgrade, it’s to help you understand the interplay between content and design so you can make decisions about how to display your work to its best advantage. Today is about play and exploration. 

Today’s assignment: open the Customizer and try out some new fonts and colors (and backgrounds and/or headers, if you’re still undecided).

Why do this?

  • Because making a theme your own is an ongoing process that benefits from experimentation.
  • Because previewing customization options will help you understand how your content and your site’s design are connected.
  • Because a customized site that feels like yours is one where you’re more likely to publish regularly.

Unlike the simple printed page of a book, a blog’s design influences the tone and mood of your words (or images). Colors can be warm or cool, light or heavy, bold or subdued. Fonts can be elegant, playful, or stark. Some combinations are busy, others calming. All these elements can work with you words — or against them. Understanding how design elements interact with your content lets you look at your blog holistically, and use all the elements of a blog to tell your story the way you want it told.

First, find all your customizing options: open the Customizer by hovering over your blog’s name in the black admin bar at the top of your screen, and then clicking  “Customize” in the drop-down menu (to open it from your dashboard, had to Appearance → Customize). You’ll see tabs for colors, fonts, theme options, widgets, and more, depending on your theme. Update anything to see the change in real time on your blog. Click “Cancel,” and everything returns to the way it was.

Wondering what CSS is and why it’s useful? This post will help.

Some themes come with free options, like alternate color schemes and layouts, that you’ll also be able to play with in the Customizer; you can also try creating a static home page. Custom ColorsCustom Fonts, and Custom CSS are part of the paid Custom Design Upgrade, but even if you don’t plan to purchase an upgrade, you can preview changes to get new ideas about your blog’s look.

Then, we’d like you to focus on the visual elements that make the most powerful — and immediate — impact on your site’s look. Try out a new color palette or a sleek font for your blog, and see how it changes the feel and readability of your content. You’d be shocked by how radically different your posts will read in different fonts. With colors, you can change your blog’s vibe by experimenting with different palettes, from hushed grays to in-your-face purples. If you have the Custom Design upgrade, click “Save” to lock your changes in place.

Even if you end up where you started or are only able to preview, you’ll have gained insight into the ways your content is best displayed, and how your posts and your design feed off off each other. You might come away with new ideas about your header or background, a way to use photos in your posts to create an emotion, some image widgets you’d like to change, or a sense of how to better arrange your sidebar.

This is a great day to see feedback in The Commons — getting an outsider’s perspective on the feeling your blog gives off is invaluable.

Show Comments

164 Comments

Comments are closed.

Close Comments

Comments

  1. Hey guys! I customized my theme during one of the challenges, I think I’ll leave it as it i s for now.:-) Check my blog out:galacivilization.wordpress.com :-)

  2. I agree with today’s tips. Although it’s really hard to physically implement your changes without the design upgrade, messing around with your options can really give you a better idea on how your blog is best displayed.

    Sometimes, when I upload a featured image for my post, it won’t look right because the design of my theme doesn’t really complement and go well with the featured image. What I’ll do will be the try out different pictures with varying degrees of ‘warmth’ (like ice cold blue, warm fuzzy orange, vintage feel, or black and white etc.)

    Maybe after you’re done with today’s task, you can ‘forsee’ how best to display your blog by opening up a Word/Pages document and inserting photos into a background that is the color of your blog. this way, you wouldn’t need to waste time testing out everytime you write a post, and you’ll be able to make judgements/decisions more efficiently in the future.

    Another thing you can try will be to play around with the weights and color of the default font you’re given. You can see how best to incorporate an italic version with a bold version, or how a bold version complements a body copy of regular text. To give it more dynamism, why not play around with the styles of your font? (Heading 1, Paragraph, Heading 2, Heading 3 etc.) Colors are nice as well. You can always go online to search for color palettes. for me personally though, since my background is white, I’ll opt for a grey palette, with the basic white, black, and different shades of grey.

    About 50 of them if I’m not wrong.

    This way, you might get another dimension with the design of a plain chunk of text. Sometimes things get boring without variety, and you’ll be really tempted to purchase an upgrade to have more options for your font choices, but more often than not if you fully play around with your font and utilise all the selections given to you by WordPress, it should already be more than enough.

    Haha sorry for the long post once again. Just some suggestions of what ya’ll can do to further today’s learning because it seems like the task don’t really require that much time relatively today, and that not everybody will end up purchasing the design upgrade, so this set of activities that I do frequently will make today’s task more relevant should you decide not to purchase the upgrade.

    Take care guys! Link me to your blogs after you’re done :)

    (My blog is http://LhuWenKai.com)

    1. I like your content. Is there any way to make the paragraphs more narrow? At least on my screen, the sentences go from one side of my screen to the other, making it harder to read. Just a thought.

      1. Thank you! I didn’t find any color that would compliment the picture and overall theme. So I just stuck to the original. :)

      1. Your page looks great! I love the bright colors and the layout of nutritional information. The whole blog is just really attractive – good work! Thanks for stopping by my page. :)

      1. Oh yeah, I’m definitely learning as I go along and the challenges come. It’s been an interesting experience so far. Your blog looks nice too. The set up is really unique. Thanks for your feedback! :)

  3. I’ve done a lot of the customization, but not able to change the fonts. I’m using the fictive theme and I guess changing font is a paid feature. Any inputs will be appreciated. I basically want to change the font size of my titles. I think they look too big. Thanks!

    1. I’m using fictive too…it’s a great theme, but I’m discovering it’s a little restrictive. I love your header. I’m looking at your site on my iPad, so I know it shows up differently, but I don’t have an issue with the size of your titles.

    2. You’ve cleaned up your page a bit since last time I visited. It is much more pleasing now and I think you’ve made great use of the colours and fonts.

    3. Yes, changing the fonts is a paid feature. But you can preview the font changes for free. I just did that and decided it was worth the $30 investment.

      1. Good to know that. Not sure that I want to pay for fonts right now. I’ve started blogging recently and want to be sure that this is something I’ll continue for a while :)

    1. YOUR THEME IS GOOD BUT THE MAIN HEADER IMAGE LOOKS WAY TOO BIG.. OVERALL A GOOD BLOG. WHY DONT YOU CHANGE THE NAME TO YOUR CATEGORIES AND ARCHIVES..HAVING A DIFFERENT NAME FOR CATEGORIES AND ARCHIVES, CAN DEFINITELY ADD SOMETHING NEW TO YOUR BLOG.. :)

  4. Ok… Great challenge. I am going to try this on all of my blogs. I did it for a blog that I do out of sheer enjoyment, that is not linked to my others http://moviesinmyview.wordpress.com. I used picmonkey (finally) and loved it. I will have to play with my other blogs now!

    Thanks for the ideas, Michelle. I’ve learned so much already.

    1. i LIKE YOUR BLOG, THE HEADER AND BACKGROUND IS JUST GREAT. I THINK YOUR BOTTOM BAR BEING IN BLACK COLOR IS JUST KINDA OUT OF PLACE.. BUT OVERALL I AM QUITE IMPRESSED :)

  5. Hi, I just finished participating in Blogging 201, but I’ve been following 101 everyday and this seems to be more my speed! Now that 201 is over, would it be possible for me to try to catch up and join 101, too?

  6. I am still catching up – some health challenges brought some friends to play which has slowed me down for now.

    I have tried different themes.
    I have tried widgets / customising / fonts.
    I have a header image that needs some work before posting.

    But I will leave it in it’s stark simplicity for now. But I will leave things to cook and hopefully, like Goldilocks and the Three Bears, I will get it “Just Right”. :-)

    Mac – http://adventureswithhorace.wordpress.com

    1. I look forward to seeing the various changes you’ve been working on! To me it is like magic to watch things develop day by day. It will be even more like magic to have it in its simplicity one day and in its glory another! And both are good.

  7. I was supposed to use the Piano Black Theme and I loved it except the small font size for my content and the black menus which don’t fit my header… Instead of upgrading, I just searched for other themes ’til I found what suits me. :P Although, in the future, I would really like to try the other custom options…

      1. Yeah! :) I actually made a little change with my header… Can you say your opinion about it? It was originally my plan but I just figured out how to do it… I added an effect on it but I dunno if people who like it before will still like it.. hehehe

    1. I love your blog. It looks great! I especially liked the header.

      I also read the article and thoroughly enjoyed your story. I’m so glad you made the effort to get the discounted bill. What a difference it made. A friend of mine was recently able to get most of his hospital bill waived. He is so happy.

      I loved your pictures of the food too. I would like some now! :)

      1. Hey, thanks! :) I actually made a little change with my header now but I dunno if people who have seen it before will like it… I need opinions. :)

    2. Did you make the change in your blog header before or after I saw it. I haven’t only seen it once so if it was afterwards I’m not sure what the difference is. I still LOVE it!

  8. I truly fell in love with my theme on the day we were assigned to try different themes, and I customized all of the options I was given at that time. The one thing I’m unsure of is whether I should keep it the way it is, with no sidebar for widgets unless the reader clicks the link that says “view more” and comes to more blog posts, or if I should choose a static front page that allows for a sidebar with unlimited widgets. The problem with using a static page instead is that I then lose my quote and the four widgets that you see prior to the blog posts, which is one of the aspects I love about the theme. Would love feedback. Thank you.

    1. I don’t remember seeing that theme before but I like it. I love how you flow into the rose background. Your blog is beautiful as it is!

  9. Looking on the theme I have at the moment, I feel like there’s nothing to change on it ever. I love its combination of white and gray and to be honest, it bears a resemblance to the overall look (including my contents) of my blog. So I think, I am all good for now and skip this task.

  10. This is so important. In this fast-paced life, it’s the visuals that really grab you and stop you in your tracks. I think I’m much more drawn to visually-appealing blog than a wordy one.

  11. I agree that content plays a very important role in blog appeal. Half the reason I started blogging, is because I enjoying designing a theme that represents me. I also believe perfection of design comes from experimentation. I cannot tell you how many times I designed a webpage and the next week, completely redid it because I felt something was off. Visual elements attract people in to want to read the copy, intertwining their success. As always, even playing around with the content will teach a user new simple ways to improve their blog.

  12. I really wanted to use the Spun theme for my blog but I figured it might not be too user-friendly especially for non-bloggers? So though I really liked the concept of the theme, I decided to use Adelle and actually, the overall look of the theme is already fine with me. But will probably try to customize some other stuff later within the day, for this assignment. :).

  13. hi there! i changed the fonts of my blog today and i’m quite happy with them for now, especially i wasn’t so sure about them before. updated my widgets in the sidebar, too :)
    what do you think?

    1. Loving those hand-drawn illustrations, Julzalicious! Repeating one as your avatar is a great way to help new readers recognize and return to your blog.

      1. thanks, Easter Ellen! I took a look at your blog and I loved your message. Its a calm place to stay and read for a while, especially because of with the gentle colors and the clear font.

    1. Hi,
      Maizymilo,

      I like the orange in the background..Also all the colors seem to go together very well..
      Overall great choice of color and your graphic header is quite good..It all feels very welcoming.. :)

  14. I’ve choosen a theme with a background colour. As I have a photo/photo inspiration blog I’m not sure if the colour might “mismatch” the pics? I’ve had nice comments that it’s ok, but I appreciate more feedback. :)
    Thanks in advace.

    1. This is one of the best backgrounds and pages I have seen in a while. I would not even ask you to work on this assignment ..hahaha.. Just could not have been better :)

  15. I love customizing my blog. I used to do it frequently because I was trying to find what I liked the most as far as how my bog looked. about four days ago I customized it again…I think it was during the day we wee told to add or customize our blog widgets. i have decided that with todays assignment I am going to stay with my most recent changed to theme and such. I lo forward to browsing through and checking out some of my fellow bloggers changes.
    feel free to visit. http://jennjenn388.wordpress.com/

    1. Hi,

      I like your background and how it sotta fades away into and merges into another color, is just great. I think I would prefer a header image just to add a great vibe to the blog, but again its your personal preference. Otherwise like the color combination you have chosen :)

    1. Hi EAF, love the header its is FRESH and vibrant… really gets you interested even before reading the content… great start. Everything is crisp and clean and inviting which reinforces the message of fresh I think. Great vibe…

      Always listen to your instincts, if you have tried other things and keep going back to the first one then that’s the one for you.

      1. Hi Easter, thanks for such a great input.. If possible just do the poll in any case.. I am trying to cover fair number of things and also have to publish the results:)

      2. I think that’s a great idea.. that is the beauty of these themes.. they are so versatile that we really are able to express ourselves. Now I am off to change the changes that i made to my other blog this morning.

    2. Hey there, I liked the overall feel of your blog. It seemed very organized. :-) The color of the letters in the blog, they were kind of light. But I really liked the background and theme for your content. :-) Also, you have some great stuff on there totally looking forward to reading more.
      Cassandra.

  16. Morning everyone, well morning here in Australia. Over the last month I have played around with themes, fonts, colours etc and hopefully come up with one that suits my blog. I live on the Gold Coast so wanted a coastal relaxed feel…. hopefully it comes out that way.

    On finally deciding my blog is more about my photography and exploring this wonderful world, I chose the Traveller theme which highlights photographs better on the front page. I made my header a photograph of grass overlooking the beach and I selected my colours to match that photo much like an interior designer matching furniture and paint. Only wish I made my photos the same size as I like the uniformity more…but otherwise :)

    Any feedback gratefully accepted.

    http://daysandmonths.com/

      1. Thanks EE, I quite like yours as well. The header is a striking photograph with the loveliest purple/mauve and to continue that colour in your blog creates a nice link. Its striking but calm as well. Really nice!

      2. Thank you so much.. but just as you were typing that, I had decided to change the header picture, even though I liked that picture, it just did not flow well enough with the background picture.. so I took another stab at it and actually used the same picture as the background (although it’s hard to tell) and revamped it.. again! If you have a chance, let me know what you think.

      3. Hi Easter, Although I found your first picture striking this one is softer and does fit very well with the rest of your page and the feel you are looking for. Nice change.

    1. Hi Kazg10,

      I like your new theme. Also love the pictures and I can completely understand why you chose this theme.. Also your header gives that holiday and relaxed feeling. Just had one suggestion (maybe its just me), in the header I would just prefer a different color text (text for pages/menu)..

      Otherwise its a great choice of theme and pictures. :)

  17. wow! I am so impressed with this! i never would have changed my look; i thought it was locked in. and it was so blessedly simple to change to something i like better! see what you think! ::: lillisamy.wordpress.com
    :)

  18. I have started to redesign the look of the blog…I need to put more pictures still, but…any feedbacks so far? Thoughts? Thank you all in advance for the help/suggestions to make it all better!

      1. Thank you so much! That is what I was going for! Yours look real good too…spectacular pix and looking forward to discover your journey along the way with you!

    1. Hi gjoelfranco,

      To be honest I am quite impressed with your choice of theme. Also front page pictures are quite good choices. Just the tagline in the header (check with us first part), I think its bit long. Also just to match the header if your menu would be in italics or bold would be just perfect..

      Regards,

    1. I really like your header pic. I don’t know if this is an issue with my browser but the background image looks a bit blurry and there’s a black line break as you scroll down that’s a tiny bit distracting.

  19. I’m still pretty happy with my overall theme. The set up with the entries on top of the photo background are what I was looking for. I am happy that I finally figured out how to change the font colors on my page. With the black it’s fun to add a punch of color.

  20. Hey guys, I hope you are all well? I am happy with my theme and I have been through the whole customization. I am happy with how it is but I am also always happy for some feedback

    http://mademoisellelesbiana.wordpress.com/

    By the way, I am loving this blog-sphere. I just need to put on my creative hat and write a bit more often.

    Have a superhero heck of a day y’all!

    1. Great start! I like the theme choice, and color and logo! I think the flash will come as you continue to add content and your own pages and widgets. I noticed you still have the default site title and tagline. If you want to customize those, look for the Settings -> General page on your dashboard. Happy blogging! :)

  21. Sometimes what happen is that companies dont finish their projects on time so they give projects to the freelancers.
    This helps two people one the company assign the project to the freelancer at a cheap cost and other is the freelancer take their xxtra time and finish out their projects and earn xxtra income.

  22. Hi all! I just played around with some options for the theme of my blog. Recently picked a new theme and this time’s customization was with the aim of making it “cleaner” and with a minimalistic feel, but without compromising the level of exploration for the readers. Perhaps someone could comment on how I could make this better? my blog is at:

    http://www.ravishreminiscence.wordpress.com/

    any help is much appreciated!

    1. I took a look at your blog and it is very minimalistic, in a great way. I liked how it wasn’t too complicated but I was enticed to scroll down, I did and wound up reading and following your blog. :-) nice job.

  23. So I just recently found out I have a wordpress.org site instead of a wordpress.com site, not even sure how I did that. With this I basically get ostracized and my tags and posts do not show up in the wordpress reader feed and worse yet wordpress users cannot “follow” me easily. They can only follow me by email and that is more complicated than most people want to deal with. I am pretty bummed with this news so my question to any one who has an opinion on this is are you less likely to follow a blog if the only way you can do it is to subscribe by email?