Skip to content

An awesome Genesis Framework child theme using Bootstrap 4

Notifications You must be signed in to change notification settings

federicociti/bootstrap-for-genesis

 
 

Repository files navigation

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.

Installation Instructions

  1. 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.)
  2. Go to your WordPress dashboard and select Appearance.
  3. Activate the Bootstrap for Genesis theme.
  4. Inside your WordPress dashboard, go to Genesis > Theme Settings and configure them to your liking.

Building from Source

  1. Install Git.
  2. Clone the repository to your local machine.
  3. Install Node.
  4. Install Gulp globally.
  5. Install Yarn
  6. Run yarn install to install dependencies through terminal/CLI program.
  7. Replace site url in line 45 of gulpfile.js to your local development URL(e.g. http://bootstrap.test).
  8. Run gulp through your favorite CLI program.

Features

  1. Bootstrap 4
  2. Bootstrap components
    • Comment Form
    • Search Form
    • Jumbotron
    • Navbar
  3. Sass
  4. Gulp
  5. Footer Widgets(modified to add bootstrap column classes based on the number of widget areas)
  6. Additional Widget Areas
    • Home Featured(jumbotron)
  7. TGM Plugin Activation Support
  8. Multi-level dropdown menus using SmartMenus Bootstrap Addon

Credits

Without these projects, this theme wouldn't be where it is today.

About

An awesome Genesis Framework child theme using Bootstrap 4

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • PHP 88.6%
  • CSS 9.7%
  • JavaScript 1.7%