Developing WordPress Themes Using Modular Sass

CSS preprocessors make developing clean and semantic stylesheets effortless – yet I feel there is a somewhat steep learning curve when figuring out how to integrate it into a WP theme you are developing if you are new to Sass. Someone new to WordPress is probably used to chucking the majority of their styles in style.css and calling it a day… My talk will take someone through a basic structure for organizing Sass within a WordPress theme, using the Bones theme framework as an example. I will go through some of the benefits and cool tricks you can implement with this structure including the basics of breakpoint includes, variables, and mixins. Finally I will address perhaps the greatest hurdle to immediately implementing Sass in your WordPress theme – compiling. I will take people through the common methods of doing this including Grunt (just a basic rundown without going too deep into it), Compass, and WordPress plugins like WP-SCSS. My hope by the end is that someone would see how powerful Sass can be and how easily it can be used with WordPress.

Speaker

WordCamp Maine is over. Check out the next edition!