FoundationPress Child Theme
This is a Wordpress child theme for the parent theme FoundationPress by olfredrik. This theme follows the same conventions and allows you to use Grunt and Bower to control and update dependencies and watch for your SASS changes.
The purpose of the Foundation Press is that it should only contain the most essential, with no need to peel away unnecessary features. If you're looking for a starter theme with built-in shortcode plugins, fancypancy portfolio templates or whatnot, I'm afraid you have to look elsewhere.
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
cd my-wordpress-folder/wp-content/themes/
git clone git@github.com:thetrickster/FoundationPress-child.git
mv FoundationPress your-theme-name
cd your-theme-name
npm install && bower installWhile you're working on your project, run:
grunt or grunt watch for livereload in browser.
And you're set!
Check for Foundation Updates? Run:
foundation update
Stylesheet Folder Structure
style.css: Do not worry about this file. (For some reason) it's required by WordPress. All styling are handled in the Sass files described belowscss/_settings.scss: Original Foundation base settings are found herescss/_custom.scss: Add your custom styling herecss/app.css: All Sass files are minified and compiled to this file
Script Folder Strucutre
bower_components/: This is the source folder where all Foundation scripts are located.foundation updatewill check and update scripts in this folderjs/: jQuery, Modernizr and Foundation scripts are copied frombower_components/to this directory, where they are minified and concatinated and enqueued in WordPress- Please note that you must run
gruntin your terminal for the scripts to be copied. See Gruntfile.js for details