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)
- Add the Genesis Sample theme folder in the wp-content/themes/ directory. (The Genesis parent theme needs to be in the wp-content/themes/ directory as well.)
- Go to your WordPress dashboard and select Appearance.
- Activate the Genesis Sample theme.
- Inside your WordPress dashboard, go to Genesis > Theme Settings and configure them to your liking.
After you've installed and activated me. It's time to setup Gulp.
- From the command line, change directories to your new theme directory
cd /your-project/wordpress/wp-content/themes/genesis-sample- 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.
- For Genesis support, please visit http://my.studiopress.com/help/
- For support with this theme, visit https://github.com/gregrickaby/genesis-sample/issues