To run locally on your machine, you'll need to do a few things.
- You need a local instance of Wordpress. Try local by flywheel
- For browsersync to work, you will need to have this Wordpress instance running at foxtail.local
- You will need to place this theme inside the wp-content/themes folder
- Once the above is done, you'll need to run the following from this theme directory in order to set up gulp
# Install dependancies
npm install
# Download necessary JS files from protocol (you only need to do this once, or whenever you change wpgulp.config.js to bring in another .js file)
npm run protocolJS
# Run gulp script (requires local instance of wordpress running at foxtail.local)
npm run devNote: CSS is compiled, and not checked into git. You will need to run gulp before css works locally.
Protocol CSS is imported directly from the node_modules/@mozilla-protocol/core. If you have not run npm install, you will get errors when running gulp.
Protocol javascript is imported, but requires a few steps:
- Add the files you want to import to the protocolJS task in gulpfile.babel.js
npm run protocolJS- You only need to run this npm script once, or whenever you update the list of javascript files to import from Protocol.