Gulp support for the W74 WordPress framework

Usage no npm install needed!

<script type="module">
  import aheadlabsGulpW74framework from 'https://cdn.skypack.dev/@aheadlabs/gulp-w74framework';



Last commit GitHub SemVer tag Repo size Top language License

This package provides Gulp support for the W74 WordPress framework. It is listed in the npm package directory.
Everything than can be automated, must be automated!


What is W74 framework?

It is a WordPress framework (parent theme) that lets you develop child themes based on it, taking advantage of its great features:

What does this Gulp plugin do?

Automates the workflow of your theme's development, based on our W74 framework, our way.

  • PHP files copy.
  • Images compression and copy.
  • SCSS transpiling. CSS compression, string replacement, autoprefixing, concatenation and copy.
  • JavaScript compression, debug code stripping, concatenation and copy.
  • Supports watching and browser synchronization using BrowserSync's proxy.
  • Version number managed from the WordPress database as the single source of truth.

It supports working with your own theme repository. You don't need to develop your theme on top of an existing WordPress installation. BrowserSync has been set up accordingly.

How to use

In your child theme, just:

  • add gulp as a dev dependency
  • Require this package in your gulpfile.js file. Demo here.
  • Call the build or watch tasks passing the following parameters in strict order:
gulp build --theme-slug="<theme slug>" --wordpress-path="<directory path>"
gulp watch --theme-slug="<theme slug>" --dev-proxy="<local web server>" --wordpress-path="<directory path>"

You can also install the package from the npm package directory and set it up your way using the following command:

npm install @aheadlabs/gulp-w74framework

In addition, you can add it as a dependency

npm install @aheadlabs/gulp-w74framework --save

or as a dev dependency

npm install @aheadlabs/gulp-w74framework --save-dev