Skip to content

danmaby/bb-theme-child

 
 

Repository files navigation

Beaver Builder Child for developers

Includes:

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

Requirements

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

Getting Started

Clone the repo git clone https://github.com/stephengreer08/bb-theme-child 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.

About

Beaver Builder Child theme with Gulp

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 59.6%
  • PHP 25.1%
  • CSS 15.3%