gulp-wp-theme

Code in development. Get an optimized wordpress package.

Features

• ES6 with Babel (support to import..from, let, const, arrow functions, etc)
• Webpack for JS modules
• Image optimization
• CSS Autoprefixer
• PHP Server and live reload with BrowserSync
• Powerful CSS with SASS
• JS and CSS minification
• Install and use components via npm and bower
• Useful Wordpress helper functions
• Styles and scripts enqueued

How to install

First of all, you need the PHP 5.4+ and MySQL installed on your environment.

1. Downlod this repo
2. Install npm dependencies with npm install
3. Download wordpress via npm run wordpress once
4. Go to development/sass/style.scss and put your theme's information
5. Run npm run watch to preview and code
6. Install Wordpress and connect to your database, after that, sign in on Wordpress and activate the gulp-wp-theme
7. Code on the development folder like a theme (use full Wordpress functions)
8. Finished? Run npm run build to get an optimized wordpress package on dist folder

Caution!

Every time that you use npm run wordpress, be careful, it will erase every Wordpress installation and database connections, but don't worry, your development folder will be safe.

Todo

• Full integration with Wordpress
• One command to download a wordpress plugin, something like npm run wordpress:plugin -- advanced-custom-fields
• Integration with Yeoman

Some "issues"

If you see undefined% on wordpress download progress, don't worry about that.

License

MIT.