There’s a number of detailed articles that discuss upgrading to Genesis Framework 2.0. However most of them describe so many details and justifications as to “why” you should upgrade, the actual steps to upgrade can be hard to find. This short article skips all of these details, and simply lists the steps to upgrade your Genesis Framework and child theme to version 2.0.
Steps to upgrade to Genesis Framework 2.0
- Backup your current Genesis Framework and child theme directories.
- Download Genesis Framework 2.0 (Member Downloads) and copy it to your themes directory.
Make the required changes to your child theme
- Modify your CSS files to use HTML5 markup instead of XHTML. See “Genesis HTML5 Markup.”
- Change all pre-HTML5 loop hooks to the new HTML5 loop hooks. See “Genesis HTML5 Loop Hooks.”
- To enable Genesis HTML5 support, add the following to functions.php:
//* Add HTML5 markup structure add_theme_support( 'html5' );
Troubleshooting
Aside from using Firebug or other developer tools to see what you might have missed, you can try the following:
- Go to Genesis > Theme Settings and click on “Save Settings.”
- Switch to another theme, and then switch back to your child theme.
- Clear your browser cache.
- Clear your WordPress cache.
Resources
- Genesis Visual Markup Guide
- 11 Essential Resources About the Upcoming Genesis 2.0 That We Think You’ll Enjoy
- Bookmarks-HQ
*Special thanks to Brian Gardner for creating the Genesis HTML5 Markup and Genesis HTML5 Loop Hooks charts!
Thank you so much for this article. I was so frustrated reading all the studiopress articles talking about “You simply add one line of code to add HTML5 support” BUT NONE OF THEME STATED THAT ONE LINE OF CODE. I was pulling my hair out. Anyways, great article. Cheers
Glad you found it useful. Thanks for the comment Jacob!
Is it ok to use genesis 1.9’s child them with genesis 2.0?
Hi Arafin.
Yes you can use a Genesis 1.9 theme. You just need to make the changes listed in this post.