Roots Theme

Roots is a starting WordPress theme based on HTML5 Boilerplate & Bootstrap from Twitter.

Roots is based on HTML5 Boilerplate, Bootstrap from Twitter, and is hNews microformat ready

You get all of HTML5 Boilerplate’s markup (but we do place JavaScript in the header to avoid any plugin conflicts). You get most of HTML5 Boilerplate’s incredibly powerful .htaccess directly from the theme. You get all of HTML5 Boilerplate’s style.css.

Bootstrap from Twitter is included by default, with topbar navigation and the responsive grid ready to go.

Blog posts are based on the hNews microformat as recommended by Readability’s Article Publishing Guidelines.

Extremely clean URLs for basically everything, even with WordPress

  • /wp-content/themes/roots/css/ rewrites to /css/
  • /wp-content/themes/roots/img/ rewrites to /img/
  • /wp-content/themes/roots/js/ rewrites to /js/
  • Pretty much all WordPress generated URLs are root relative so your source isn’t filled with http://www.yoursite.com/ all over the place

Cleaner WordPress Code Output

A typical WordPress install outputs a lot of ugly code in your source. Here’s what’s been cleaned up so far:

  • All static theme assets are rewritten to the website root (/css/, /img/, and /js/)
  • /wp-content/plugins/ rewrites to /plugins/
  • The search results show up with a clean /search/query/ URL rather than /?s=query
  • Several WordPress functions have been filtered to return root relative URLs
  • The RSS feed won’t show the WordPress version as the generator
  • wp_head has been heavily modified, including cleaner output of wp_enqueue_script and wp_enqueue_style

Theme Activation Amazingness

After activating the theme you’ll be able to automatically:

  • Create a Home page created with some temporary lorem ipsum and then set as the front page (usually done through Reading Settings)
  • Set the permalink structure to /%postname%/
  • Set the uploads folder to /assets/ rather than the default /wp-content/uploads/
  • Create a Primary navigation menu and set the location
  • Add all current pages (Home, Sample Page) to the primary navigation

What Else?

  • Multilingual ready and WPML compatible. Already includes translations for: English, Spanish, French, Italian, Dutch, Brazilian Portuguese, Macedonian, Finnish, Danish, and Turkish
  • Additional styling for the incredibly powerful Gravity Forms plugin
  • Admin notification if site tagline is default (it’s used in the RSS feed)
  • Two widget areas (sidebar and footer) that are wrapped with <article>
  • Example page template for full width layout
  • loop.php templates for archives, posts, and pages
  • Custom HTML5 searchform.php