A Gruntified version of Reverie, a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css update assets Jun 26, 2015
img/devices Add grunterie stuff Apr 9, 2014
js update assets Jun 26, 2015
lib
scss
.bowerrc Create .bowerrc Nov 26, 2013
.gitignore
404.php
Gruntfile.js update to 5.5.2 Jun 26, 2015
README.md
archive.php Reverie Apr 8, 2014
bbpress.php Reverie Apr 8, 2014
bower.json
comments.php
content-none.php Reverie Apr 8, 2014
content.php
favicon.png Update favicon Apr 9, 2014
footer.php Reverie Apr 8, 2014
functions.php Reverie Apr 8, 2014
header.php
humans.txt Create humans.txt Jan 10, 2014
index.html
index.php
package.json
page-full.php
page.php
robots.txt Create robots.txt Jan 10, 2014
screenshot.png Add grunterie stuff Apr 9, 2014
search.php
searchform.php
sidebar.php
single.php Reverie Apr 8, 2014
style.css Add grunterie stuff Apr 9, 2014

README.md

#Grunterie

Grunterie is a WordPress theme based on Reverie, a "versatile HTML5 responsive WordPress framework based on ZURB's Foundation." Reverie is set up to use the Compass gem to compile SCSS. With Grunterie you can still use Compass but you also have the ability to use lib-SASS and all of the other grunt plugins.

If you're in to Grunt, or not, and want to stay on the cutting edge, here are some things that are great about Grunterie.

  • Bleeding edge - Built with Foundation 5.5.2
  • Includes all the great features in Reverie (Really, I didn't change much)
  • Ready out-of-the-box if you don't want to bother with SASS
  • Built using the instructions in the Foundation docs
  • Takes full advantage of Grunt
  • Built to compile SCSS with lib-SASS by default
  • You can still use Compass! (It's easy, you'll just need follow some quick instructions below.)

Requirements

Update: You no longer have to build this theme yourself; it should be ready to go. That being said, if you want to customize the theme with SASS using lib-sass or Compass instead of writing vanilla css, you'll still need to follow the directions below.

You'll need to have the following items installed before continuing.

  • Node.js: Use the installer provided on the NodeJS website.
  • Grunt: Run [sudo] npm install -g grunt-cli
  • Bower: Run [sudo] npm install -g bower

Quickstart

git clone https://github.com/gpspake/grunterie.git
cd grunterie
npm install && bower install

While you're working on the project, run:

grunt

And you're set!

Directory Structure

  • scss/_settings.scss: Foundation configuration settings go in here
  • scss/app.scss: Application styles go here (Probably no need to mess with this.)
  • scss/style.scss: Theme styles go here (Copied from Reverie with Compass stuff commented out.)

#Using Compass

If you want to use Compass, Grunterie comes with the grunt-compass-contrib plugin.

To use Compass, you'll need to make sure the compass gem is installed (gem install compass) and uncomment a few sections in the gruntfile.js file. There are detailed instructions about what to comment and uncomment in the file.

After that, just run grunt