WordPress Genesis Framework starter Child Theme for building custom child themes. Uses SCSS, AutoPrefixr, Grunt for compilation/linting/deployments, and BrowserSync for cross-device auto refreshing.
PHP CSS JavaScript
Clone or download
Latest commit fd34938 Jul 9, 2015
Failed to load latest commit information.
assets cleanup and reorganize scss partials, update to genesis 2.1.2 Sep 3, 2014
lib Update TGMPA class Jul 9, 2015
.bowerrc adding bower config so you can run bower commands to add javascripts … Jul 24, 2013
.gitignore add .idea to ignore for phpstorm Sep 3, 2014
.jshintrc remove es5 as it's now on by default Jun 19, 2013
CHANGELOG.md create changelog Sep 3, 2014
Gruntfile.js change from compass to vanilla sass, change from livereload to browse… Sep 3, 2014
README.md update to v3.0.0 Sep 3, 2014
front-page.php add front-page template with full width, since that's what ends up ge… Jan 22, 2013
functions.php code cleanup Sep 3, 2014
package.json change from compass to vanilla sass, change from livereload to browse… Sep 3, 2014
screenshot.png initial commit Jan 22, 2013


WordPress Genesis Starter Child Theme

Version: 3.0.0


Matt Banks ( @mattbanks / collectivthkg.com / mattbanks.me )


WordPress Starter Theme for use as Child Theme of the Genesis Framework for building custom themes. Uses SCSS, AutoPrefixr and Grunt for all processing tasks. Syncs changes across local development devices with BrowserSync. Tested up to WordPress 4.0 RC1 and Genesis 2.1.2.


The theme is setup to use Grunt to compile SCSS (with source maps), run it through AutoPrefixr, lint, concatenate and minify JavaScript (with source maps), optimize images, and syncs changes across local development devices with BrowserSync, with flexibility to add any additional tasks via the Gruntfile. Alternatively, you can use CodeKit or whatever else you prefer to compile the SCSS and manage the JavaScript.

Rename folder to your theme name, change the style.scss intro block to your theme information. Open the theme directory in terminal and run npm install to pull in all Grunt dependencies. Run grunt to execute tasks. Code as you will.

If you are using MAMP or Vagrant, change the proxy option in the grunt browserSync task to match your vhost URL.

  • Compile assets/styles/style.scss to style.css
  • Compile assets/styles/editor-style.scss to editor-style.css
  • Concatenate and minify plugins in assets/js/vendor and assets/js/source/plugins.js to assets/js/plugins.min.js
  • Minify and lint assets/js/source/main.js to assets/js/main.min.js
  • ??
  • Profit

To concatenate and minify your jQuery plugins, add them to the assets/js/vendor directory and add the js filename and path to the Gruntfile uglify task. Previous versions of the starter theme automatically pulled all plugins in the vendor directory, but this has changed to allow more granular control and for managing plugins and assets with bower.


Supports bower to install and manage JavaScript dependencies in the assets/js/vendor folder.


The theme includes deployments via grunt-rsync. The Gruntfile includes setups for staging and production - edit your paths and host, then run grunt rsync:staging or grunt rsync:production to deploy your files via rsync.


  1. SCSS with AutoPrefixr and easy-to-use of mixins ready to go
  2. Easy to customize
  3. Grunt and BrowserSync to make it more gooder
  4. Child theme tweaks
  5. More to come!

Suggested Plugins



Anyone and everyone is welcome to contribute! Check out the Contributing Guidelines.


Without these projects, this WordPress Genesis Starter Child Theme wouldn't be where it is today.