WordPress and Drupal Starter Themes Using Grunt on Github

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.

Theme Links

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 and Grunt Logos

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

grunt

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 or App.net.

Comments

  1. says

    Thanks for such a great overview of using Grunt within a WordPress workflow. I’ve only started to fool around with Grunt this week. Your overview has been a huge help!

Trackbacks

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>