Beaver Builder Child theme with Gulp
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Beaver Builder Child for developers


  • SCSS - Styling
  • Gulp - building assets
  • BrowserSync - Live reload as you develop
  • NPM - package managment
  • @include-media - Responsive breakpoints


Prerequisite How to check How to install
Node.js 0.12.x node -v
gulp >= 3.8.10 gulp -v npm install -g gulp

Getting Started

Clone the repo git clone theme-name

Theme development

Beaver Builder Child Theme uses gulp as its build system and NPM to manage front-end packages.

Install gulp

Building the theme requires node.js. We recommend you update to the latest version of npm: npm install -g npm@latest.

From the command line:

  1. Install gulp globally with npm install -g gulp
  2. Navigate to the theme directory, then run npm install

You now have all the necessary dependencies to run the build process.

Available gulp commands

  • gulp — Compile and optimize the files in your assets directory
  • gulp watch — Compile assets when file changes are made

Manage assets

Assets are managed in assets/manifest.json. Add your scss and js assets to be passed to Gulp. Please note, multiple can be added. This is where you would include any assets from your node_modules directory pulled in using NPM.

This is also where you can add your local url for BrowserSync.

Any fonts that are added to the assets/fonts directory will be bundled into the dist directory.