Jade/Less/BrowserSync/Babel WordPress Theme Buildsystem
This repo is not a theme.
It's a buildsystem to make a theme.
To create a new theme from scratch, like any other new theme, first create a folder in
wp-content/themes. Then clone this repo into your new folder as a sub folder.
Here's a full example of what you might do:
cd wp-content/themes mkdir mytheme cd mytheme git clone https://github.com/rc1/WordpressJadeBuildsystem.git src cd src npm install gulp default watch
- Theme Meta -
- Theme Config & PHP Utilities -
Here is how the
gulpfile.js is currently setup. The idea is that no built files are stored in this repo (and are therefore will not be under source control).
Anything in the
./copy folder will be copied into the parent theme folder.
To use jadephp and output
.php instead of
.html files the jade filename must end in
.jade files in
./jade except for any files in
./jade/includes will be compiled and placed into the parent theme folder.
There is some stub theme components in there already. It assumes that
index.php.jade is a router. Only suitable for small sites.
Only one less file is compiled. That file is
all.less you can include other less or css files.
./js will be compiled into a js called
./js-concat will be concatenated only into a file called
concat.js. This folder is handy for placing your minified libraries.
Gulp can be run by using:
This will pull configuration settings from
gulp-config-local.env. Useful for having different build settings. See
gulpfile.js for more info.