Tag: blog design

  • A New Look for the Blog

    A New Look for the Blog

    The watercolor flowers in the header have given way to etched clouds and flowering branches. The glittery script is gone, replaced by a storybook title. I had designed the previous blog theme in 2012 (!) and it was a perfect representation of where I was at in the old house, but the direction I’ve been heading in with this house is a bit different and the site needed to reflect that.

    The redesign is everything I’m into these days. It’s the wallpaper patterns I love (“lush, mysterious, and just a bit sinister”). It’s a reference to motherhood by way of a few of my favorite illustrated children’s books — the wonderment of Alice in Wonderland, the sincerity of Charlotte’s Web, and the absurdity of Where the Sidewalk Ends. It’s anthropomorphic animals in fancy dress. It’s the house’s Victorian modern, and of course it is pink.

    hr 644

    Making it Lovely Blog Headers

    hr 644

    I’m terrified of birds, so naturally I had to include the swan in the header when I came across her. The illustration is from a book that predates my 1891 Victorian by more than twenty years, Les Métamorphoses du Jour by J. J. Grandville. It’s rather pretty and feminine, but at the same time, absolutely frightening. I’ve collaged her in front of an etching several decades older of clouds and flowering branches that I’ve tinted pink. We’ll see how long she stays since she has nothing to do with anything else, but you do have to admit that she is doing her best to make it lovely! I am that swan. We are all the swan. Deep.

    hr 644

    Making it Lovely: Redesigned Site Illustrations

    hr 644

    There are other illustrations I’ve altered and added throughout that I love to pieces. Oh, and the site is responsive and mobile-friendly with wider images, improved navigation, and a better focus on content too. (I say that like it’s no big deal, but it’s a big deal.)

    I began creating the new design on the Genesis framework, but it’s just not for me. I don’t want to relearn WordPress with hooks — let me dive into the code directly and muck about with the PHP and CSS. I found Solo Pine’s themes to be a great foundation to build upon, and what you’re seeing is a customized version of Oleander. The serif font is Lora and the sans-serif is Source Sans Pro.

    There are several features that I may experiment with — a featured posts slider, promo boxes, and additional space in the footer. I’ll also be tinkering with any issues that come up during the switch. My old theme had been altered a great deal as I made changes and additions over the years, and I’ll want to reincorporate any of the old div classes I may have missed. Please do let me know if you encounter any errors so I can be sure the blog is working well for everyone across various operating systems.

    This new redesign has been a long time due, and a long time in the making. I hope you like it as much as I do! Thank you so much to all of you for reading, and I’d love to hear what you think.

  • A Sneak Peek at the Site Redesign!

    A Sneak Peek at the Site Redesign!

    I’m really excited about the upcoming redesign of Making it Lovely! I thought I’d give you a little sneak peek today (because it’s killing me to not just switch everything over immediately!). This is what last Friday’s Honor Roll post looked like and will look like:

    Not every post will have that dark background, but one of the things I’m working on is giving different types of posts different layouts. I was inspired by print magazines and their regular column formats. Many posts will still have the standard white background, but the Honor Roll will get the charcoal gray you see above, other posts will get the palest of pinks, others still will get other colors, and maybe even some patterns thrown in for good measure.

    I haven’t fully redesigned the site since 2009. I used to do it every year, or even more often than that! This feels really good.

  • Introducing a New Section on Making it Lovely: The Filing Cabinet

    Introducing a New Section on Making it Lovely: The Filing Cabinet

    I am so jazzed. I have a whole new section to introduce to you today! I’m calling it The Filing Cabinet, because that’s where I’ll be filing away all kinds of extra goodies for you.

    I have been working away, tweaking the design and making sure all of the technical details were taken care of. PHP and I have become good friends this week and I am happier than ever with all of the customization made possible by running WordPress. You may have noticed that the sidebar has changed. Check out the new features:

    And when you’re actually in The Filing Cabinet the sidebar will show you images from the latest three posts on the main section of Making it Lovely. It’s all very fancy.

    Here’s what the new section actually looks like. (And if it doesn’t look like this for you, let me know so that I can crawl into a corner and weep fix it. I’ve just finished coding this mere hours ago, so there may be a few bugs.)

    I mean, really. The filing cabinet opens and everything. Is that not the neatest feature? Am I a little too dorky to be as excited as I am about it? (Probably.)

    So what can you expect to find amongst the files? A little bit of everything and anything that catches my fancy. Furniture. Lighting. Fonts that set my hear aflutter. And you can quickly see what’s in each file at a glance. Here’s a peek at the ‘S’ for Shoes file.

    Head on over and check it out. There are already about ten pages of goodies to look through, and I’ll be adding more all the time. The new posts can only be seen in The Filing Cabinet, and you can subscribe separately to that feed to have new entries delivered right to your feed reader or inbox. Yay!

  • Adding Related Posts

    Adding Related Posts

    I’ve noticed a lot of people using LinkWithin to display related posts at the end of each entry. It looks great, but I had a few concerns about using it on Making it Lovely. The stats would get thrown off a bit when using the widget because all of the referring links are shown as coming from LinkWithin. I also wanted something self-hosted for more control (*ahem*), and something that could be cached to avoid slowing down the site.

    I decided to go with Yet Another Related Posts Plugin.

    Hooray, it’s self-hosted! And it doesn’t throw off my referring stats! And it caches and works well in conjunction with WP Super Cache! And it’s totally customizable! It even adds related posts to your RSS feed if you so choose. Nice.

    The default display is simply an ordered list. That’s fine for the RSS feed, but I wanted a layout with thumbnail images similar to the standard LinkWithin widget. So then I started playing around with it to make it look nice…

    I quickly realized that I’d have to enable the thumbnail feature that was introduced in WordPress 2.9x. And then go through each of my posts and set the thumbnail, which I had been doing manually. OK. It’s a lot of work, but I can do that. I’m thorough (and compulsive) enough.

    Then I began working on a custom template, delving into the PHP.

    I got the thumbnails to show up! Hmm, but they were lined up vertically. So then I had to create a table-style layout, using CSS.

    The automatic placement stuck the related posts right at the end of each single post’s content, but I wanted to move it down a little. Fortunately, this was fairly easy. I just turned off the automatic placement and inserted a line of PHP into my single.php template of my theme.

    OK, pretty good. But now let’s cut to approximately three months later when it is still bothering me that the text underneath each thumbnail does not play nicely with the layout when it’s too lengthy. #$@&!. Of course it’s been so long that I don’t remember all of the work I had already done up until this point, so I have to refamiliarize myself with the CSS syntax that I set up.

    But I finally finished!

    And you know what? Maybe you would have noticed or maybe not. Maybe I spent hours upon hours, spread out over months working on something that would only make me happy, but I’m fine with that. I’m glad that I was able to really tweak the whole thing to get it exactly to my liking, even if it did take forever. I love a good coding challenge.

  • Making it Lovely Turns Two

    Making it Lovely Turns Two

    Today the blog is two years old!

    To celebrate, I’ve freshened up the design a bit. Yes that’s right, I celebrated by creating work for myself. ;) Nothing drastic, but I’ve cleaned up the layout a bit, changed the proportions, and quieted the color scheme. This is the fifth design I’ve done for Making it Lovely.

    Making it Lovely Redesigns

    I still have some refining to do and a few bells and whistles to add, but the new look is nearly done. Let me know if you notice anything odd (I’ve been working on this very late at night while very sleepy). Oh, and I’ve added support for twitter avatars as well as gravatars, so if you have one or the other your picture should show up when you comment.

    Thank you all for reading and commenting, for your friendship and support, and just for all around making my day!