https://github.com/sgreer81/bb-theme-child

Beaver Builder Child theme with Gulp
https://github.com/sgreer81/bb-theme-child

beaver-builder child-theme wordpress

Last synced: 3 days ago
JSON representation

Beaver Builder Child theme with Gulp

• Host: GitHub
• URL: https://github.com/sgreer81/bb-theme-child
• Owner: sgreer81
• Created: 2016-10-05T18:34:59.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-18T16:51:37.000Z (almost 8 years ago)
• Last Synced: 2024-09-24T13:16:59.312Z (4 months ago)
• Topics: beaver-builder, child-theme, wordpress
• Language: JavaScript
• Size: 80.1 KB
• Stars: 25
• Watchers: 5
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](http://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](http://gulpjs.com/) as its build system and [NPM](https://www.npmjs.com/) to manage front-end packages.

### Install gulp

Building the theme requires [node.js](http://nodejs.org/download/). We recommend you update to the latest version of npm: `npm install -g npm@latest`.

From the command line:

1. Install [gulp](http://gulpjs.com) 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.