Gulp-wp 💃

Say you want to run a local wordpress environment to create wordpress themes. There are plenty of products that suits for you. But what if you want to use sass/scss and you want it to be automatically updated on your wordpress website. Then this product is the right product for you.

Theme from: Underscores.me

Installation

0. Install Local from the website.

1. Go to settings and change the "Default Sites Path" to: /Users/[username]/local-sites/.

2. Create a new project. Choose the projectname wisely.

3. Clone or download this project and put it in a place of choice.

4. Open the "gulpfile.js".

5. Change the following variables:

   theme_name: The name of your theme, on line 7.

   project_name: The name of your project, must be equal to the project you filled in step 2, on line 9.

   var theme_name		=	"test"; // This is the name of your theme
   var project_name	=	"test"; // This is the name of your wordpress project. It needs to be equal to the 'Local' folder where wordpress is installed.

6. Run npm install in the Terminal.

7. Make sure you started the local server from "Local".

8. Run gulp, here you can see all the commands you can use.

9. Run gulp build, this will compile all the files in the src folder.

10. Run gulp deploy, this will send the /build folder to the local wordpress theme directory.

11. Go to [projectname].dev and login with the admin information you filled in step 1.

12. Go to Appearance > Themes and activate your theme.

Use

These steps needs to be done for daily usage:

0. Open "Local" and start the server.
1. Navigate to the folder where you cloned this project.
2. Run gulp, here you can see all the commands you can use.
3. Run gulp watch and start editing the files.
4. Now the changes will compile automatically and deploy automatically to the local wordpress directory. The browser will reload automatically.

Version 1.0.0