Download to read offline
Uploaded byMike Hale
Automating WordPress Plugin Development with Gulp
Mike Hale discusses automating WordPress plugin development using Gulp, a JavaScript task runner that simplifies repetitive tasks compared to Grunt. He covers installation, creating a starter plugin, and utilizing various Gulp plugins to enhance workflow efficiency, including tasks for code optimization and live reloading. The document serves as a guide for modern developers looking to streamline the plugin development process.
More Related Content
Similar to Automating WordPress Plugin Development with Gulp
![Automating Your Workflow with Gulp.js - php[world] 2016](https://cdn.slidesharecdn.com/ss_thumbnails/1hdltk6qyioyapbnbsuw-signature-ffa82ea34fcd60983c97ee8b9ba271b32b08a69dc912d673db21bd57dfcf8768-poli-161117191138-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Automating WordPress Plugin Development with Gulp
- 1.
- 2. About Mike Mike Hale Developer RainmakerDigital @MikeHale www.mikehale.me
- 3. What You’ll Learn WhatGulp Is Gulp Vs. Grunt Tasks Gulp Plugins Starter Plugin
- 4.
- 10.
- 11. From Idea toRelease
- 12.
- 13. Gulp.js to theRescue!
- 14. What is Gulp? Gulpis a Javascript task runner that lets you automate common or repetitive tasks
- 15.
- 16.
- 17. Code Style ConfigStyle
- 18.
- 19.
- 20. “Gulp vs Grunt doesn’tmatter as long as whichever Tool you choose makes you more productive" @MikeHale
- 21. Installing Gulp Install Node.js InstallGulp.js npm install --save-dev gulp
- 22.
- 23.
- 24.
- 25. gulp.task( name, function(){ // src // pipe // dest });
- 26.
- 27.
- 28.
- 29. gulp.pipe( dothis() ) .pipe(dothat()
- 30.
- 31.
- 32.
- 33.
- 34.
- 35. WordPress-Plugin- Boilerplate http://wppb.io + File Structure +Standards Based - No Auto Translations - Manually rename files - No js/css Automation
- 36. generator-plugin-wp + Yoeman Generator +Sub-generators + Powerful - Complex - Requires Yoeman
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47. Starter Plugin Features Widget Shortcodes Functions Classes Autoloader Output/DevFolders Activate/Deactivate/Uninstall Readme.md
- 48. Other Options gulp-watch gulp-exec (WP-CLI,PHPCS*) gulp-imagemin (Optimize Images ) gulp-livereload (Live Reload) gulp-zip (Compress Plugin)
- 49.
- 50. About Mike Mike Hale Developer RainmakerDigital @MikeHale www.mikehale.me
Editor's Notes
- #10 Grande, Quad, Nonfat, One-Pump, No-Whip, Mocha