Adaption, Bosco & Isola – Three New Free Themes

A trio of themes from Automattic designers has launched in the WordPress.org Theme Directory.

Designed by Tammie Lister, Adaption has a bold, contemporary, vibe. It features full-width images, two widget areas, and an optional third column.

Adaption

Adaption

Looking for an uncluttered single-column theme with strong typography? Check out Bosco, crafted by Frank Klein.

Bosco

Bosco

Isola was inspired by a “less is more” philosophy and influenced by mobile design patterns. This minimalist theme was designed by Joen Asmussen, with web development by Caroline Moore.

Isola

Isola

All three themes are responsive, and look gorgeous on devices both small and large.

Meet Kelly

Kelly, a colorful personal-blogging theme designed by Automattic’s Kelly Hoffman, is now available for download from the WordPress.org Theme Directory. Here’s how Kelly explains the creative inspiration for her namesake:

I really wanted to keep it simple but fun, which is why I went with bold splashes of color and large type. I went with the complementary color palate of reddish orange and green as a fun reference to my red hair and green eyes.

Kelly

Why Hard Working Classes Slack in WordPress

Nathan Ford wrote a great article about how you can use the attribute selector to define styles for a multitude of classes that share a common element. Initially I thought this was great (I actually still think this is a great idea), and used it in _s and Twenty Thirteen to simplify the clearfix selector and some others. We used [class*="site"] and [class*="content"], to grab all classes that contained those two words, essentially addressing our entire page structure with two selectors. Awesome, right?

Well, it turns out there are a few issues with this approach. After a while we received a report that Modernizr uses a generatedcontent class on the html element, screwing with the rest of the site because the styles for the [class*="content"] selector were applied. We also received reports from WordPress.com, where users specified tags, categories, or post titles that contained one of our two words. Since WordPress adds all categories and tags as classes in post_class(), this, again, broke the site’s layout.

I still think this a valid approach in projects where you can control the class namespace. Since you can’t really do that in WordPress, it’s not a good approach for theme developers.

Attachment Body Classes

There was an interesting bug reported for Twenty Twelve recently: The .single-attachment body class only gets applied when the attachment’s parent is a post (or custom post type). If the attachment’s parent happens to be a page, that class is missing.

In case you have been using .single-attachment to specify styles for the image attachment page, make sure to test your theme with images that have a page as a parent. And use the .attachment body class in the future. ;)