WordPress development for WordCamp Tokyo 2015 using:
- gulp
- BrowserSync
- Foundation
To begin with, check our Wiki.
- gulp
- Bower
- Node.js
- npm
- Sass >= 3.4
-
Setup your local environment. Recommend vccw.
-
On your WordPress
themes/
directory,$ git clone [email protected]:featherplain/wct2015.git wct2015
-
Copy files in
src/plugins/
directory to your WordPressplugins/
directory. -
Install some dependencies.
$ npm install
-
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