At some point, Thematic will need to move to HTML5. We do not know exactly when this will be. There have been articles written on the interwebs (such as http://scottnix.com/2012/html5-header-with-thematic/ and
http://camwebdesign.com/techniques/using-html5-with-your-thematic-child-theme/) as well as posts in the forum explaining some filters to use so we already now can start using the new shiny toys of the future.
I had the idea to gather together some of the needed filters into a plugin.
The idea is that the plugin would simply convert the markup into using the new html5 elements where applicable. Nothing fancy, styling and polyfills for older IE would be up to the child theme.
The humble beginnings of this plugin can be found at https://github.com/middlesister/thematic-html5 Download the zip, rename the folder to "thematic-html5" and put it in your plugins directory. Simply activate the plugin and add
to your child theme's functions.php file. Or fork me on github and join in!
All it does now is:
- change the doctype and meta charset tags
- change the posts to use article instead of div in all the loops
- change the navigation menu, nav-above and nav-below to the nav element
- change the asides to the aside element, with every widget in a section element and the widgettitles using h1 headings
- childtheme_override_* functions will still override the plugin so child themers are in control
Plans for next steps:
- make an option to use the boilerplate doctype for those who wants (or should it be default?)
- move/change post title and entry-meta to header elements and entry-utility to footer elements
- filter the search form and comment forms to use html5 form elements
It's more of a proof of concept yet, really. I have worked with the latest svn version of Thematic (r835 as of writing), and it is untested with older versions. I wanted to see how far I could get, and also see if there is an interest from the community for this. Feedback and suggestions are most welcome.