Imbalance 2 is a clean, modern, grid-based theme great for blogs, portfolios, and magazine-style sites -- and one that easily transforms into a cheerful, mouthwatering food blog. Carrie of The Patterned Plate combined free theme options like a custom header, featured images, and footer widgets with font, color, and CSS upgrades to build a cook's paradise that would make Martha Stewart drool:
Her site is welcoming but clean, and perfectly showcases her beautifully-styled dishes. Let's see how she did it.
A custom header and footer widgets highlight her branding
Imbalance 2 has space for custom menus or widgets in its header; bloggers can also opt to include a logo image or a completely custom header, as Carrie's done. A full-width header of whimsical sketches -- in a single color, to keep the overall look clean -- instantly lets you know you're in for foodie fun.
Her branding gets a callback in the footer, where image widgets display more sketches along with customized social networking logos in her blog's signature orange. Centering the largest image widget between text-heavier Links and Categories widgets echoes the grid organization of the theme.
Similarly-sized featured images create a clean grid
Featured images allow you to designate what image appears alongside your post on your blog's home page -- a nifty ability if your posts often include multiple images, as Carrie's usually do.
She can choose the most enticing image to draw readers in. By sizing the featured images similarly, she creates a grid layout on her home page. Now, instead of multiple colorful photos competing with one another, they're neatly aligned in a way that allows each one to shine. (If you'd like to give this a try, you can re-size images from right within the Media Manager before setting them as featured -- here's how.)
Custom fonts and colors contribute to a consistent feel
The color palette is a big part of building The Patterned Plate's thoughtful, consistent look, so it's no surprise that Carrie opted for the Custom Design upgrade ($30 per year) to ensure her color scheme carries through every element of the blog. Using the Customizer, she applied the exact shade of orange used in her header and footer to her post and widget titles. Other fonts use basic black or gray, letting the orange (and her stunning photography) pop off the simple white background.
Font-wise, she chose to use Museo Sans, a delightfully open and curvaceous sans-serif font, for all the text on her site -- titles, widgets, menus, and body copy. The sans-serif font is clean and unobtrusive, but brings a hint of personality that contributes to The Patterned Plate's custom look.
CSS for all the things!
Carrie didn't overlook a single detail on her blog. Using the Custom CSS editor that's included with the Custom Design upgrade, she tweaked The Patterned Plate from top to bottom, designating everything from font sizes to hyperlink colors (her orange, again), to the spacing around post titles and comments. Every inch of Carrie's blog looks exactly the way she wants it to.
She's also used the CSS editor to apply her edits to the mobile version of her site (shown on the left), creating a consistent experience for readers no matter what device they're using. (If you'd like to try your hand at CSS, head over to our CSS Forums, where community and staff experts can answer questions and troubleshoot.)
If there's a particular theme you'd like us to highlight next, let us know in the comments!
Not using Imbalance 2? Check out the other posts in the Customizing series:
WordPress.com
Tidak ada komentar:
Posting Komentar