Materialize Genesis

Introduction

Materialize Genesis is a Genesis Framework child theme that integrates MaterializeCSS.

Installation Instructions

1. Upload the Materialize 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 Materialize 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 Yarn.
5. Install Gulp globally.
6. Run yarn install to install dependencies through terminal/CLI program.
7. Replace site url in line 48 of gulpfile.js to your local development URL(e.g. http://bootstrap.test).
8. Run gulp through your favorite CLI program.

Note: I suggest using package manager to install Git, Node and Yarn. You can use Homebrew if you're on a Mac or Linux/WSL, Scoop or Chocolatey if you're on Windows.

Features

1. MaterializeCSS
2. Bootstrap components
   • Comment Form
   • Search Form
   • Navbar
3. Sass
4. Gulp
5. Footer Widgets(modified to add MaterializeCSS column classes based on the number of widget areas)
6. TGM Plugin Activation Support

Issues

• Multi-level dropdown

Credits

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

• Genesis Framework
• MaterializeCSS
• Sass
• Gulp
• TGM Plugin Activation
• WP Bootstrap Navwalker
• Bootstrap Genesis
• Bones for Genesis 2.0 with Bootstrap integration