Foundation 5.5.3 + _s Starter theme
"Flair" is Sennza's WordPressPrerequisites
This setup works well with Chassis.
Requirements
You'll need to have the following items installed before continuing.
- Node.js: Use the installer provided on the NodeJS website.
- Grunt: Run
[sudo] npm install -g grunt-cli
- Bower: Run
[sudo] npm install -g bower
Quickstart
git clone git@github.com:sennza/Flair.git yourtheme
npm install && bower install
grunt setup
While you're working on your project, run:
grunt
And you're set!
Directory Structure
assets/
: Any media (SCSS, JS, Images) should be contained in this folder.assets/scss/_settings.scss
: Foundation configuration settings go in hereassets/scss/app.scss
: Application styles go hereparts
: Allget_template_parts
are stored in heretemplates
: All Page Templates are stored in hereinc
: Any complex filters and actions should go in here to reduce the bloat offunctions.php
. Note: Any files in the root will be automagically included in your theme.
Foundation Support
In functions.php there are some commented out add_theme_support
lines which when uncommented will add theme suppport for Foundations:
- Interchange
- Top Bar
- Sticky Top Bar
- Magellan
- Orbit
- Clearing
- Abide
- Reveal
- Alert
- Tooltip
- Joyride
- Equalizer
- Accordion
- Tabs
- Off-Canvas
Package as Zip
If you'd like to package your theme for installing from the WordPress Administration Panel run:
grunt build
The grunt task creates a file named flair-theme.zip
in the releases
folder root of the theme directory. Your theme files will be inside a version numbered folder. You can alter the version number and the name of the zip by altering the name
and version
in package.json