MDLWP is a Material Design WordPress theme(probably the first!) that uses Sass, Gulp, Bower, and of course Material Design Lite.
Live Demo
Setup Video
MDLWP Plugins
Download free and premium plugins that add extra features and extend the functionality of MDLWP.
Material Design Icons - thousands of community-led icons Material Design Login - take over the default WP login screens and turns them into Material Design forms Material Design Portfolio - Filterable portfolio layout for MDLWP Material Design Social Sharing - Enables social sharing icons on indiviual posts Material Design Masonry Layout - Turn a page on your MDLWP powered site into a Pinterest style layout Future Plans
WordPress customizer options (v1.0.1) add theme hooks (v1.1.3) different page layouts (v1.1.0 - ribbon layout) integrate other MDL components Do you have an idea? PRs welcome.
For the Nerds
For customization, basic knowledge of the command line and the following dependencies are required to use MDLWP:
MDL (http://www.getmdl.io/) Node (http://nodejs.org/) -npm install Gulp (http://gulpjs.com/) - npm install --global gulp Bower (http://bower.io/) -npm install -g bower Usage
After you've downloaded MDLWP, and run npm install and gulp from the command line you can start using gulp.
Gulp
- Navigate to your new theme
cd /your-project/wordpress/wp-content/themes/your-new-theme
- Gulp tasks available:
gulp - Automatically handle changes to CSS, javascript, php, and image optimization. Also Livereload!
gulp scripts - Concatenate and minify javascript files
gulp sass - Compile, prefix, and minify CSS files
gulp bower - Install bower components
gulp zip - Creates a zipped file in the root of the theme. Ignores the bower_components and node_modules directories.