#67

Product support

Get help in the theme support forum.

Categories

  • Frameworks
  • Placeholders

F5fresh

Starter development template for building Zurb Foundation 5 themed October CMS sites.

Includes:

Installation

Add the theme to existing project while logged into OctoberCMS account online, or interactively by searching it inside Settings/System/Updates/Themes in backend, or with the following command-line instructions inside project root:

php artisan theme:install castus.f5fresh f5fresh
php artisan theme:use f5fresh

One-time Development Environment Setup

Install NodeJS and Node Package Manager globally (Stable version preferred). Run the following command-line instructions inside theme root:

npm install --global gulp bower
npm install && bower install

Alternative NPM-compatible package manager Yarn could be used:

yarn && bower install

Using and Editing

Check styleguide/default layout for example HTML page structure and mandatory includes. Custom styles example source is in assets/scss/styleguide SCSS, scripts in assets/es6/styleguide JS. Development changes can be automated with command-line instruction inside theme root:

gulp watch

Build optimized, minified, autoprefixed assets with command-line instruction inside theme root:

gulp --production

Customizing Foundation

Global Foundation styling parameters should be modified in assets/scss/_settings553 SCSS.

Comment out unwanted styles and scripts for leaner and faster Foundation custom build:

For in-depth customizations follow Zurb's guide: How to Make Foundation 5 Your Own (after unlocking lessons vault).

1.0.2

Added intro page, enabled Yarn package manager

Mar 31, 2017

1.0.1

Added theme customization (site_name, brand_color)

Oct 19, 2016

1.0.0

Style guide default layout

Jan 23, 2016

0.9.2

Composite layout with partials, kitchen-sink intro page for testing style changes

Jan 23, 2016

0.9.1

Initial F5fresh theme with Gulp-built frontend resources.

Jan 23, 2016