From the BlogSubscribe Now

Genesis 2.0 hits the streets: Complete with gorgeous HTML5 ready child themes

genesis version 2 plus four HTML5 ready child themes

The mist of anticipation was lying heavy in the little town of Genesisville as the release of Genesis version 2.0 was awaited.
But it couldn’t be released until WordPress 3.6 was available and the WordPress devs were having problems and there was talk of delays.

WordPress beta versions were released by the bucket load then we had 3.6 Release Candidate and 3.6 Release Candidate 2.0 and then, one moonlit night, the WordPress upgrade notice appeared in dashboards throughout the land and a few days later… Genesis 2.0 was released.

At the moment the latest release of Genesis is 2.0.1 and if you want to get an in-depth review of all the changes then check out the Genesis Changelog by Gary Jones.


Have no fears about updating to Genesis 2.0 – it’s fully backward compatible

All the existing Studiopress child themes are compatible with Genesis 2.0 (without HTML5 activation) so you can safely upgrade to the latest version of Genesis.

If you’re feeling a bit unsure, check out this post by Brian Gardner on Why You Shouldn’t Fear Upgrading to Genesis 2.0.

When Genesis 2.0 is released, we want you to know that updating is the same painless process it always has been. It’s still a one-click update that should leave your Genesis website unscathed.
By updating, you shouldn’t need to start your customizations over. More importantly, things should just work.
Brian GardnerStudiopress

You can upgrade to Genesis 2.0 and leave it at that, but if you want to take advantage of the two most powerful new features of Genesis, HTML5 and markup, then you have to activate the HTML5 markup in your theme?

The current version of Genesis (1.9.2) uses XHTML markup, when you upgrade to Genesis 2.0 your site will be fine because the default markup stays at XHTML, but if you activate the HTML5 markup you’ll have problems with your site’s styling.

When you activate HTML5 markup many of the names of the various layout areas of your website get changed.
For example the #wrap ID changes to a .site-container class.
Unfortunately since your stylesheet isn’t changed it’s no longer compatible with your new markup, and without styling your site falls apart.

But don’t worry we’ve put together a post on how to Activate HTML5 markup and make your stylesheet play nice – hope you find it useful.


Two awesome new features in Genesis 2.0 – HTML5 and markup

For Genesis 2.0 StudioPress have taken the opportunity to make some big changes, 131 changes in all!

The two most talked about new features are HTML5 and markup, but if you want to see the changes in detail check out Genesis Framework 2.0 Changelog by Gary Jones.


Studiopess new themes and their updated themes will be HTML5-ready out of the box. That means that you get the full benefits of HTML5 markup, which are:

  1. Makes your website future compatible.
  2. Improves cross-browser compatibility.
  3. Makes your site truly mobile-friendly.
  4. Allows for extensible design and supports video and audio like no other markup language.
  5. Cleaner and more efficient in terms of storage, API interaction, and other ways impact user experience.

If you want to know more take a look at Top ten reasons to use HTML5 right now. Microdata

Genesis 2.0 has built-in support for, which allows you to classify the most important and defining elements on your pages and posts. This in turn enhances your site’s search results display by allowing the search engines to add extra data.

Take a look at this post for examples of the various “defining elements” and additional data that is displayed in the SERPS.

Search engines, web crawlers, and browsers can extract and process Microdata from a web page and use it to provide a richer browsing experience for users.

That won’t necessarily improve your site’s performance in the SERPS (at the moment that is), but according to Google:

Google doesn’t use markup for ranking purposes at this time, but rich snippets can make your web pages appear more prominently in search results, so you may see an increase in traffic.

If you do want to drill a bit deeper check out Joost de Valk’s article & Genesis 2.0 and this is what Google has to say about


Microdata Manager for Genesis plugin by Bradley Potter

Microdata, rich snippets, is all pretty new stuff and the discussions on implementation can get a tad technical.

But don’t worry folks @bradleypotter has written a Microdata Manager plugin to make life a little easier and keep us well away from that nasty code!

A plugin created for the Genesis Framework which allows a user to optimize the default Microdata settings in a Page, Post or Custom Post Type.

I’ll be testing out Brad’s plugin over the next few weeks and then I’ll put out a post letting you know how it went.


Six gorgeous HTML5 ready child themes and more to come…

At the moment there are seven HTML5 ready Studiopress child themes.

Some of the themes are new and some are updated versions of existing themes. If you already have a theme that has been updated, you can download the latest version free of charge.

To make life a little easier we’ve added clickable links for the HTML5 ready themes below:


Future-proof your site with a Genesis HTML5 ready mobile responsive child theme

At a time when some WordPress theme frameworks are struggling or even closing down – Standard theme – the Genesis theme framework continues to grow its community, make technical innovations and pull ahead of the competition.

When you buy a Genesis theme you ensure that your blog or website will be easily upgradable and contain the latest technical innovations and that’s why we use Genesis child themes on all our sites and all our client sites.

If you want to future-proof your website, take advantage of HTML5 markup and and stay ahead of the crowd then head over to Studiopress and join the other 96,000 website owners who are already reaping the benefits of using the best WordPress theme framework on the market today – Genesis by Studiopress.


WM Web Design is powered by the Genesis Framework

Genesis Framework Genesis empowers you to easily build amazing Mobile Responsive websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to incredible places. It's that simple - start using Genesis now!

Give yourself an HTML5 ready mobile responsive website for 2013.