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|
|gulp >= 3.8.10||
Clone the repo
git clone https://github.com/stephengreer08/bb-theme-child theme-name
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:
- Install gulp globally with
npm install -g gulp
- Navigate to the theme directory, then run
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
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