Freebies

WPGulp-Ready Divi Child Theme

Instructions on how to use and configure Divi Child Theme with files ready for usage with WPGulp.
1. Download the theme and install it
2. In the theme folder run the terminal command ‘npx wpgulp’ (Without quotations)
3. Change following lines in the ‘wpgulp.config.js’ file:

– Line 15
— From: wpgulp.local
— To: the URL of your project

– Line 24
—From: const styleSRC = ‘./assets/css/style.scss’;
—To: const styleSRC = ‘./scss/style.scss’;

– Line 48
—From: const jsCustomSRC = ‘./assets/js/custom/*.js’;
—To: const jsCustomSRC = ‘./js/custom/*.js’;

– Line 51
—From: const jsCustomDestination = ‘./assets/js/’;
—To: const jsCustomDestination = ‘./’;

– Line 68
—From: const watchStyles = ‘./assets/css/**/*.scss’;
—To: const watchStyles = ‘./scss/**/*.scss’;

– Line 74
—From: const watchJsCustom = ‘./assets/js/custom/*.js’;
—To: const watchJsCustom = ‘./js/custom/*.js’;

Download Child Theme
If you find changing the ‘wpgulp.config.js’ file scary I will attach the edited one that you can use by replacing the existing one.
You will still need to change the URL of your project(Line 15)

Click the button below to download for edited and ready ‘wpgulp.config.js’ file

After you save the file, in your terminal run ‘npm start’ and begin with creating your awesome site.

Download config.js

Requrements:

NodeJs installed on your computer.
I recommend version 14.19 (newer versions might not work with WPGulp)

Divi (Parent) Theme installed on your website.

Want to work together?

If you found this useful and you want to collaborate, contact me so we can find a way to do so.
Also, if you have trouble with any of the freebies shared, contact me, and I’ll try to help the best way I can.
get in touch