Foundation 5 WordPress Theme
A WordPresss theme for protoyping sites using ZURB's awesome Foundation 5 front-end framework. This is basically what it would look like to install Foundation into a WordPress theme directory using the command line.
If you are looking for a full-fledged Foundation theme for WordPress, check out FoundationPress. This theme is ideal more for protoyping site layouts like wireframes than creating robust websites.
Foundation requires the following:
To create a new project:
cd path/to/your/project git clone firstname.lastname@example.org:geoffgraham/FoundationWP.git mv FoundationWP your-project-directory
This repository includes a full WordPress installation in addition to the theme files. Update
wp-config.php and complete the WordPress installation like you would for any other WordPress site.
If you just want the theme files, then it might be easier to download the full repository ZIP file, extract the theme from
wp-content/themes/FoundationWP and drop it into your project.
Learn more about WordPress installation: WordPress Codex
Want to update your project to the latest version of Foundation?
foundation update in the command line.
This theme is designed to mirror a clean Foundation installation into a WordPress theme directory.
Foundation includes two folders for styles: one for SCSS (
scss/) and one for CSS (
stylesheets/). I prefer to lump all my asset folders into a single "lib" directory, but that would have made future Foundation updates troublesome.
If you are writing your styles in Sass, then use the SCSS folder to hold your partials and compile them into app.scss, which will output to
app.css in the CSS folder.
If you prefer vanilla CSS, then I recommend writing them in the theme's
style.css file where noted to add to or override existing theme styles. Otherwise, you can create a new CSS file and enqeue it in
bower_components/. They are initialized by
app.js which is located in 'js/'.
lib/functions/enqueue-scripts.php. You can add your own scripts to
js/ and enqueue them the same way. This is the method recommended by WordPress.
I prefer using a directory that is dedicated for all my development assets, so I added
lib/ for you to do just that. This is where all the theme functions are kept and imported by
functions.php but you can also use this directory to creates more directories for other assets, such as fonts, images, etc.