tormjens / gromf

WordPress theme based on the Roots starter theme, using Foundation & Gulp.

Gromf

Gromf is a WordPress starter theme based on Roots 7.0, using Foundation & Gulp instead of Bootstrap & Grunt.

Features

Since Gromf is heavily based on Roots, most of the features apply to Gromf, except for Grunt & Bootstrap features. Some of the features are:

• Gulp for compiling SCSS to CSS, checking for JS errors, live reloading, concatenating and minifying files
• Bower for front-end package management(Foundation, Modernizr, jQuery)
• HTML5 Boilerplate
  • An optimized Google Analytics snippet
• Organized file and template structure
• ARIA roles and microformats
• Theme activation
• Theme wrapper
• Cleaner HTML output of navigation menus
• Multilingual ready and over 30 available community translations
• WordPress clean up - Roots cleaning in addition to dashboard & widgets cleanup (see lib/extras.php)

Additional features

Install the Soil plugin to enable additional features:

• Root relative URLs
• Nice search (/search/query/)
• Cleaner output of wp_head and enqueued assets markup
• Image captions use <figure> and <figcaption>

Installation

Before you start using Gromf make sure you have NodeJS, Bower and Gulp installed. If you already have NodeJS installed then just run npm install -g bower gulp

Then:

• Clone the git repo - git clone git://github.com/schikulski/gromf.git && cd gromf
• npm install
• bower install
• gulp
• Profit!

Theme activation

Reference the theme activation documentation to understand everything that happens once you activate Roots.

Configuration

Edit lib/config.php to enable or disable theme features and to define a Google Analytics ID.

Edit lib/init.php to setup navigation menus, post thumbnail sizes, post formats, and sidebars.

Documentation

Since Gromf is heavily based on Roots, 90% of the documentation are relevant.

• Roots 101 — A guide to installing Roots, the files, and theme organization
• Theme Wrapper — Learn all about the theme wrapper
• Build Script — A look into how Roots uses Grunt
• Roots Sidebar — Understand how to display or hide the sidebar in Roots

Contributing

Feel free to contribute!

This is Yetien Grompf