Grunt & Underscores WordPress Theme

Generate a custom build of the Underscores WordPress theme using Grunt

Project maintained by sennza Hosted on GitHub Pages — Theme by mattgraham

Generate a custom Underscores theme using Grunt's Project Scaffolding

Create an Underscores based WordPress theme with grunt-init. It'll ask you for some basic info and the template files you'd like for your Underscores based theme

Installation

If you haven't already done so, install grunt-init.

Once grunt-init is installed, place this template in your ~/.grunt-init/ directory. It's recommended that you use git to clone this template into that directory, as follows:

Linux/Mac Users

git clone git@github.com:sennza/underscores-wp-theme.git ~/.grunt-init/underscores-wp-theme

Windows Users

git clone git@github.com:sennza/underscores-wp-theme.git %USERPROFILE%/.grunt-init/underscores-wp-theme

Demo

Underscores WP Theme

Usage

At the command-line, cd into an empty directory, for your theme. e.g. wp-content/themes/yourtheme run this command and follow the prompts. The defaults in the prompts have an uppercase letter. so (n/Y) will mean 'Yes' is the default and (N/y) will mean 'No' is the default.

grunt-init underscores-wp-theme

Note that this template will generate files in the current directory, so be sure to change to a new directory first if you don't want to overwrite existing files.

Install the NPM modules required to actually process your newly-created project by running:

npm install

Run Grunt so it can generate your style.css

grunt

During development run

grunt watch

You can use LiveReload with an appropriate Browser extension to see "real time" changes to your compiled Sass files. I recommend that you add the content so you can live reload both WordPress themes and plugins.

N.B. The alpha version on Windows will work.

Roadmap

Release History