Hi!
I'm a fork of the official Genesis Sample theme, but with modern build tools like: Gulp, LibSass, PostCSS, Bourbon, Neat, and BrowserSync to help make your development process fast and efficient.
Because I'm bundled with Gulp, basic knowledge of the command line and the following dependencies are required: Node and Gulp CLI (npm install -g gulp-cli
).
Download This Theme (.zip)
After you've installed and activated me. It's time to setup Gulp.
1) From the command line, change directories to your new theme directory
cd /your-project/wordpress/wp-content/themes/genesis-sample
2) Install Node dependencies
npm install
From the command line, type any of the following to perform an action:
gulp watch
- Automatically handle changes to CSS, JS, SVGs, and image sprites. Also kicks off BrowserSync.
gulp icons
- Minify, concatenate, and clean SVG icons.
gulp i18n
- Scan the theme and create a POT file
gulp sass:lint
- Run Sass against WordPress code standards
gulp scripts
- Concatenate and minify javascript files
gulp sprites
- Generate an image sprite and the associated Sass (sprite.png)
gulp styles
- Compile, prefix, combine media queries, and minify CSS files
gulp
- Runs the following tasks at the same time: i18n, icons, scripts, styles, sprites
Grunt is still available, but wont be supported going forward. Download the Grunt branch.