alfonsoborragan WP theme - using grompf worpdpress framework (foundation 5 & gulp)
notes on Grompf beloooowww:
Gromf is a WordPress starter theme based on Roots 7.0, using Foundation & Gulp instead of Bootstrap & Grunt.
Since Gromf is heavily based on Roots, most of the features apply to Gromf, 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
- WordPress clean up - Roots cleaning in addition to dashboard & widgets cleanup (see lib/extras.php)
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>
Before you start using Gromf make sure you have NodeJS, Bower and Gulp installed. If you already have NodeJS installed then just run npm install -g bower gulp
Then:
- Clone the git repo -
git clone git://github.com/schikulski/gromf.git && cd gromf
npm install
bower install
gulp
- Profit!
Reference the theme activation documentation to understand everything that happens once you activate Roots.
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.
Since Gromf 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
Feel free to contribute!
This is Yetien Grompf