Wordpress + Sage Theme + Base Plugins

Quick Start Guide

1. Fork this Repository.
2. Clone to your local development environment root.
3. Run WordPress' Famous 5-Minute Installation.
4. Complete Sage Theme setup.
5. Work on Exercises.
6. Commit your work.
7. Submit Pull Request.
8. Dance.

Sage Theme

Our projects use Sage Theme. A WordPress starter theme with a modern development workflow. Sage is based on HTML5 Boilerplate, gulp, Bower, and Bootstrap Sass, that will help you make better themes.

Theme Setup

Building the theme requires node.js. We recommend you use a node version > 8 [7.10.1].

We recommend you update to the latest version of npm: npm install -g npm@latest.

Sage uses gulp as its build system and Bower to manage front-end packages.

From the command line in the theme directory:

1. Install gulp and Bower globally with npm install -g gulp bower
2. Navigate to the theme directory /wp-content/themes/wp/
3. Run npm install
4. Run bower 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
• gulp --production — Compile assets for production (no source maps).

Theme Features, Customization and Setup

Edit lib/setup.php to enable or disable theme features, setup navigation menus, post thumbnail sizes, post formats, and sidebars.

Documentation

Sage documentation is available at https://roots.io/sage/docs/.

Theme Features

• gulp build script that compiles both Sass and Less, checks for JavaScript errors, optimizes images, and concatenates and minifies files
• Bower for front-end package management
• asset-builder for the JSON file based asset pipeline
• Bootstrap
• BrowserSync for keeping multiple browsers and devices synchronized while testing, along with injecting updated CSS and JS into your browser while you're developing

Additional Plugins

Name	Website
All-in-One WP Migration	Servmask
Custom Post Type UI	Custom Post Type UI
Advanced Custom Fields	Advanced Custom Fields
Beaver Builder	Beaver Builder

All In One WP Migration

Export & Import WP data to an open source archive format (.wpress).

Custom Post Type UI

Create and manage custom post types and taxonomies in WordPress.

Advanced Custom Fields

Allows you to add extra content fields to your WordPress edit screens.

Beaver Builder

A flexible drag and drop page builder that works on the front end of your WordPress website.