WordPress Genesis Child Theme setup to use Bootstrap, Sass, and Grunt
@salcode, @dustyndoyle, @codenameEli
I hear from a lot of users, "Hey, I tried to use your theme but there is no CSS."
Download the latest Bootstrap Genesis release and use that.
This is the base theme I use for the projects I build. Part of my workflow includes using
GruntJS for my CSS/Sass and JavaScript compilation, concatenation, and minification.
Because the resulting css/style.min.css and js/javascript.min.js files are compiled files, I do NOT
check them into version control (i.e. they are listed in the .gitignore file).
The result of all this is the files in the repo are a copy of the theme with all the source files for the CSS and JavaScript but not the final CSS and JavaScript.
If you're running GruntJS and have Sass
installed you can run npm install and grunt from the command line and the
CSS and JavaScript will be generated. If you're not running these tools yet,
you can use the latest
Bootstrap Genesis release,
which includes the compilied CSS and JavaScript.
Since I'm treating the CSS as a compiled asset that I do not want to include it
in version control, I use style.css only for the theme header information and
all applied CSS is stored in css/style.min.css
Low IE Browser Support
The menu is modified to use Bootstrap markup and the menus are placed at the top of the page by default. All menu modifications are removed, when the Ubermenu plugin is present
GPL
*** Add support for add_theme_support( 'genesis-footer-widgets', num_cols ); *** where num_cols is an integer like (2, 3, or 4) http://my.studiopress.com/tutorials/add-footer-widgets/