Menu

Cornerstone 3 – a responsive WordPress starter theme based on Zurb Foundation 5

Foundation FrameworkEarlier today Zurb released version 5 of their Foundation responsive front-end framework. The Cornerstone responsive starter theme is the first WordPress to support Zurb Foundation 5.

What is Cornerstone?

Cornerstone is a free WordPress starter theme based on the Zurb Foundation Responsive Framework. Cornerstone aims to provide a lightweight starter theme (a parent theme) that is responsive and SEO friendly that web designers can build great looking website on.
Features:

  • Responsive design
  • Based on the ZURB Foundation Framework 5 – the most advanced responsive front-end framework in the world
  • A 12-column flexible grid that can scale out to an arbitrary size (defined by the max-width of the row) that’s also easily nested
  • Mobility – Foundation Framework 4 was built from the ground up to support any kind of device, any size screen, with any resolution
  • Includes the new Top Bar menu from Foundation Framework 4/5
  • Orbit slider

How to use:

Cornerstone is not meant to be used as is. This theme is designed to be used as a parent theme to create a Child Theme from. If you’re unsure how to do this follow the guide at http://codex.wordpress.org/Child_Themes. You can download an example Child Theme at https://github.com/thewirelessguy/cornerstone-child-theme. As a minimum your child theme will need a style.css and a functions.php to enqueue the Child Theme’s style.css.

When upgrading from Cornerstone 2 what changes do I need to make to the customisations I’ve made in my Child Theme?

The main change in Cornerstone 3 is in header.php: <nav class=”top-bar”> is now <nav class=”top-bar” data-topbar>. The Orbit template has been moved to the page-templates folder. For other changes in Zurb Foundation 5 you should read http://foundation.zurb.com/docs/upgrading.html

Can I make themes from Cornerstone and sell them?

Sure, absolutely. The theme uses the GNU General Public License v2 or later. The Zurb Foundation parts of the theme are MIT Licensed.

Where can I download it?

You can download it at https://github.com/thewirelessguy/cornerstone/archive/master.zip and/or check out the github repository at https://github.com/thewirelessguy/cornerstone

Where can you see it in action?

This site is using Cornerstone based on Foundation Framework 5.

I’d welcome your thoughts on Cornerstone, especially if you spot any bugs. If you do create something cool, let me know. I’d love to see what people are creating with it.