Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

WP Skeleton

Skeleton for building WordPress plugins with Gulp 4, PostCSS, Webpack and Babel. Based on Devin Vinson's WordPress Plugin Boilerplate.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Installing

Install the plugin directly into your plugins folder on localhost (for example in WAMP this could be www/wordpress/wp-content/plugins). Note that this plugin does not do anything on it's own. It's a template for building new plugins.

Change proxy setting in gulpfile.js to match your development environment

function browser_sync() {
	browserSync.init({
		proxy: 'http://localhost/' //change if necessary - for example to http://localhost/wordpress/
	});
}

Navigate to the plugin folder and run npm install from command line:

npm install

Run gulp watch from command line to start browser sync

gulp watch

Start coding. Javascript and CSS should be written in files in src folders as they get automatically compiled to files one directory below.

To minify CSS and JS run gulp minify from command line:

gulp minify 

To generate the distribution version run gulp build. The distribution version will be located in the dist folder in root of the plugin.

gulp build 

About

Skeleton for building WordPress plugins with Gulp 4, PostCSS, Webpack and Babel

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published