Bootstrap for Genesis
Introduction
Bootstrap for Genesis is a genesis child theme which integrates Bootstrap. It uses Gulp to handle tasks, configuration and lint files.
The default branch is under development, use v4 branch to get the last stable release.
Installation Instructions
- Upload the Bootstrap for Genesis theme folder via FTP to your wp-content/themes/ directory. (The Genesis parent theme needs to be in the wp-content/themes/ directory as well.)
- Go to your WordPress dashboard and select Appearance.
- Activate the Bootstrap for Genesis theme.
- Inside your WordPress dashboard, go to Genesis > Theme Settings and configure them to your liking.
Building from Source
- Install Git.
- Clone the repository to your local machine.
- Install Node.
- Install Yarn.
- Install Gulp globally.
- Run
yarn install
or npm install
to install dependencies through terminal/CLI program.
- Run
git submodule init
and git submodule update
to add WP Bootstrap Navwalker.
- Replace site url in line
49
of gulpfile.js
to your local development URL(e.g. http://bootstrap.test).
- Run
gulp
through your favorite CLI program.
Features
- Bootstrap 4
- Bootstrap components
- Comment Form
- Search Form
- Jumbotron
- Navbar
- Sass
- Gulp
- Footer Widgets(modified to add bootstrap column classes based on the number of widget areas)
- Additional Widget Areas
Todos
Notes
Use SmartMenus for Bootstrap for multi-level dropdown support or checkout the v4 branch.
Credits
Without these projects, this theme wouldn't be where it is today.