WordPress and Drupal Starter Themes Using Grunt on Github

Github repositories for WordPress, Genesis Framework and Drupal 7 starter themes using SCSS, Compass and Grunt for development and deployment

Yesterday, I wrote an article on how I use Grunt with my WordPress theme development and deployment.

I casually mentioned the starter themes I have, both for core WordPress development and for use with the Genesis Framework. Being that I use Drupal for clients as well, I figured I would push my latest Drupal 7 Starter Theme up to Github so everyone can use it as they see fit.

WordPress Starter Theme on Github

Genesis Starter Child Theme on Github

Drupal 7 Starter Theme on Github

All three use SCSS and Compass for preprocessing and are setup with the same Gruntfile and folder structure to keep things clean. If you’re looking for recommended plugins/modules, check out the Readme’s for each repository for what I use on most projects. More information and instructions can be found there as well.

Feel free to clone, fork, create an issue and send pull requests with anything you’d like to see changed or added!

wordpress drupal grunt

Using Grunt with the WordPress and Drupal Themes

Just as a quick recap, to use Grunt with the themes, open the theme directory in your Terminal and run

npm install

Once that installs all dependencies, just run


which will start the watch tasks to monitor and update your files as you go along. Your SCSS will be processed and your JavaScript will be linted, concatenated and minified. Image optimization and rsync deployments are there as well - refer back to my article on using Grunt for WordPress deployments for how that works.

If you have any questions or suggestions for using Grunt with your CMS, leave a comment or send me a message on Twitter.