WordPress Starter Theme for Gulp

0.2.0

• Gulp
• Sass
• Autoprefixer
• Bourbon
• Neat
• Bitters
• Compass
• Imagemin
• Browserify
• Watchify
• UglifyJS
• Browser-Sync

Bourbon is a lightweight Sass framework. If you don't use it, it will do nothing to your CSS file.

If you don't use Gulp, Sass, or Compass, you can just use this theme like others. Nothing else is necessary except WordPress Environment.

https://nodejs.org/

Instead, the easiest way is using Homebrew.

$ brew install node

$ npm install --global gulp

$ gem install compass

This will install both Ruby Sass and Compass. If you only use Sass but not Compass, the Ruby Sass is not require.

$ git clone https://github.com/ixkaito/bathe.git && cd bathe

You can also download the .zip file from the following URL.

https://github.com/wp-bathe/bathe/archive/master.zip

$ npm install

Change siteurl in gulpconfig.json for your environment. The default siteurl is wocker.dev for Wocker.

$ gulp

You can change the configuration by editing gulpconfig.json

An EXISTING vhost.

default: "wocker.dev"
options: string
example: "localhost:8888"

Tasks to run when you exec gulp command.

To compile Sass.

default: true
options: boolean (true / false)

To use compass. If true, Bathe will ignore the above setting of sass.

default: false
options: boolean (true / false)

To use Browserify.

default: true
options: boolean (true / false)

To minify images.

default: true
options: boolean (true / false)

To keep browsers in sync with file changes.

default: true
options: boolean (true / false)

To watch files and run tasks on file changes.

Settings about paths.

The directory to gather all assets.

default: "./assets"
options: string
example: "./" (directly under the theme direcotry)

The CSS destination directory for Sass or Compass.

default: "css"
options: string
example: "stylesheets"

The JavaScript destination directory for Browserify.

default: "js"
options: string
example: "javascripts"

The destination directory of compressed image files for Imagemin.

default: "images"
options: string
example: "img"

The directory of Sass files.

default: "_sass"
options: string
example: "src/sass"

The directory of JavaScript source files to bundle up by Browserify.

default: "_js"
options: string
example: "src/js"

The directory of image source files to compress.

default: "_images"
options: string
example: "src/images"

Sass settings.

The output style of Sass.

default: "compressed"
options: "expanded", "nested", "compact", "compressed"

Autoprefixer settings.

List of browsers, which are supported in your theme.

default: ["> 1%", "last 2 versions", "Firefox ESR"]
options: array. See Browserslist docs for available queries. example: ["> 5%", "last 2 versions", "IE 8"]

Compass settings.

The config file for Compass.

default: "./config.rb"
options: string
example: "./myconfig.rb"

The output style of Compass.

default: "compressed"
options: "expanded", "nested", "compact", "compressed"

Show line comments or not.

default: false
options: boolean (true / false)

JavaScript settings.

File name(s) of JavaScript source file(s).

default: ["main.js"]
options: array
example: ["pluginA.js", "pluginB.js", "main.js"]

The distribution JavaScript file name.

default: "main.js"
options: string
example: "script.js"

Bathe doesn't load the default theme stylesheet "style.css" by default.

Copyright © 2015-2016 the contributors of the Bathe project under the GPL version 2 or later.