Moxie Lean

Bare bones WordPress starter theme focused on modularity, scalability and performance.

Insipired in the amazing job from digisavvy in some-like-it-neat. As Moxie we decied to create something that help us improve our workflow, we are focus on develop platforms using Wordpress, so this is the base of those platforms and that's why it's focused in construct a platform for larger sites insted of a normal blog platform.

Requirements

The theme has few utilities that need you to have

Installation

To set up you need to clone the theme where are you going to install the theme with:

git clone git@github.com:moxienyc/Lean.git

Commands

Inside of the theme there a few utilities that will make your life easier to write code and different tools to set up. We have a set of taks handled using gulp, so we use gulp to compile, minify and sniff the code as examples. This commands needs to be run in the theme directory and most are using the terminal.

Set up

To install the required files and dependencies just run:

./install.sh

In your terminal so make sure you are in the theme directory to install the node and bower dependencies. This script run the following commands:

npm install && bower install

Tyr the second way if you are not able to use the first way. Those commands are going to install the required packages and versions of each packackge to allow other tools work properly (like gulp).

Gulp taks

There few gulp taks than are useful we list the taks as we guess are more common use and with a description of what the task can do if you want to run the task by separate, a gulp taks it's executed using:

gulp <task-name>

Where <task-name> it's the name of the task to use.

styles

gulp styles

With this gulp task, you can compile the sass files and minify the output, this task has one dependency: minify-css, this task has another dependency compile-css so the order of execution is as follows:

compile-css
minify-css
run notification

compile-css

gulp compile-css

This gulp task compiles the assets/sass/style.scss file. The task produces a file style.css this file has a source map and it's added only in the development environment.

Another thing that this task does it's added th autoprexier to the required CSS.

Note: The sourcemaps are stored in the assets/maps directory.

minify-css

gulp minify-css

This gulp task creates a minified version of assets/css/style.css, this minified version does not have any sourcemap associated, and this is the version used in production.