Fluid Master

Fluid Master is a WordPress starter theme based on Roots 7.0, using Foundation & Gulp instead of Bootstrap & Grunt.

Features

Since Fluid Master is heavily based on Roots, most of the features apply to Fluid Master, except for Grunt & Bootstrap features. Some of the features are:

• Gulp for compiling SCSS to CSS, checking for JS errors, live reloading, concatenating and minifying files
• Bower for front-end package management(Foundation, Modernizr, jQuery)
• HTML5 Boilerplate
  • An optimized Google Analytics snippet
• Organized file and template structure
• ARIA roles and microformats
• Theme activation
• Theme wrapper
• Cleaner HTML output of navigation menus
• Multilingual ready and over 30 available community translations

Additional features

Install the Soil plugin to enable additional features:

• Root relative URLs
• Nice search (/search/query/)
• Cleaner output of wp_head and enqueued assets markup
• Image captions use <figure> and <figcaption>

Installation

Before you start using Fluid Master make sure you have NodeJS, Bower and Gulp installed. If you already have NodeJS installed then just run npm install -g bower gulp

Then from the themes root folder run:

• npm install
• bower install
• gulp

Theme activation

Reference the theme activation documentation to understand everything that happens once you activate Roots.

Configuration

Edit lib/config.php to enable or disable theme features and to define a Google Analytics ID.

Edit lib/init.php to setup navigation menus, post thumbnail sizes, post formats, and sidebars.

Documentation

Since Fluid Master is heavily based on Roots, 90% of the documentation are relevant.

• Roots 101 — A guide to installing Roots, the files, and theme organization
• Theme Wrapper — Learn all about the theme wrapper
• Build Script — A look into how Roots uses Grunt
• Roots Sidebar — Understand how to display or hide the sidebar in Roots