Setting it Up

Ignition uses npm and Gulp to automate quite a few tasks. This makes development faster and easier. Ignition uses WP Gulp by Ahmad Awais with a few changes. You can read more about WPGulp here.

With Gulp, ignition does the following:

  • Compiles sass files
  • Uses post CSS after css has been made.
  • Allows you to use babel when writing javascript
  • Concatenates js files in the folder ‘custom’ into one big custom.js file
  • minifies sass and js files.

Installing NPM

You can follow the guide here to install NPM. You won’t have to do much except install it and check that it works. It’s quite easy.

Running WPGulp

Open terminal and make your way to the directory of the theme. Make sure npm is installed by running npm install. Then you can simply run npm start . If all was installed correctly it should run!

Gulp runs locally

Gulp runs locally and so you will need to be editing your files locally. You can decide to use something like local by flywheel to run your site fully locally, or just edit the files locally and upload them to the server to see your changes.

Installing ACF

The theme makes use of the Advanced Custom Fields plugin. While you do not need it, it will greatly enhance your experience and give you the section and header abilities. So I would advise to install it.

Once you install it you can sync the groups that come with ignition. That way you can edit and add to them.