elassol / wp-theme

Wordpress theme development enviroment

A WORDPRESS STARTER KIT: NODE, GULP ,BOWER, MAMP

symlink to link your theme to the wp-content folder of your wordpress installation

ln -s ~/path/to/wp-theme/ ~/path/to/local_install_wordpress

• example:*
• ln -s ~/dev/work/theme/ ~/dev/localhost/wp-content/theme/ *

Create new theme Args:

gulp new --name test-variable --author mylasso

Will become a heading

Will become a sub heading

This will be Italic

This will be Bold

• This will be a list item

• This will be a list item

  Add a indent and this will end up as code

https://help.github.com/articles/basic-writing-and-formatting-syntax/

wp-theme's Issues

having issues to make plumber and the watch task play nicely

I'm using plumber with notify to log errors in a custom function

it throw me an error "Error in plugin 'plumber' Message: Can't pipe to undefined"

// ==========================================================
// Pumbler error function
// ==========================================================

function customPlumber(errTitle) {
return plumber({
errorHandler: notify.onError({
// Customizing error title
title: errTitle || "Error running Gulp",
message: "Error: <%= error.message %>",
sound: "Glass"
})
});
}

// ==========================================================
// STYLES TASK
// ==========================================================

gulp.task('sass', function(){
return gulp.src(paths.styles.src + '*/.scss')

    .pipe(customPlumber('Error Running Sass'))

    // inititalizr sourcemap before anyother pluging that alter  files
    .pipe(sourcemaps.init())
    .pipe(sass({
        includePaths: ['theme/bower_components'],
        precision: 2
    }))
    .pipe(autoprefixer({
      browsers: ['ie 8-9', 'last 2 versions']
    }))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest(paths.styles.build))
    .pipe(browserSync.reload())

})

gulp.task('watch', ['browserSync'], function(){
gulp.watch(basePaths.src + 'sass//*.scss', ['sass']);
gulp.watch(paths.scripts.src + '/.js', browserSync.reload);
gulp.watch('theme/.html', browserSync.reload);
gulp.watch('theme/js/*/.js', ['jshint']);
})