WordPress development for WordCamp Tokyo 2015 using:

• gulp
• BrowserSync
• Foundation

To begin with, check our Wiki.

• gulp
• Bower
• Node.js
• npm
• Sass >= 3.4

1. Setup your local environment. Recommend vccw.

2. On your WordPress themes/ directory,

    $ git clone [email protected]:featherplain/wct2015.git wct2015
   

3. Copy files in src/plugins/ directory to your WordPress plugins/ directory.

4. Install some dependencies.

    $ npm install
   

5. Run gulp.

    // proxy mode
    $ gulp
   
    // server mode for static websites
    $ npm run gulp-server
   

Default is proxy mode.

gulp.task('browser-sync', function() {
  var args = {};
  if (argv.mode == 'server' ) {
    args.server =  { baseDir: paths.root };
    args.startPath = paths.htmlDest;
  } else {
    args.proxy =  paths.vhost;
    args.open = 'external';
  };
  browserSync.init(args);
})

gulp.task('bs-reload', function() {
  browserSync.reload()
});

src/scss/core/foundation/
src/scss/core/_settings.scss
src/scss/core/_foundation.scss