Gulp+PHP локальный сервер+wordpress?

Question

DenJel @DenJel

Gulp+PHP локальный сервер+wordpress?

Здравствуйте, создавая шаблон под wordpress, я сначала верстаю на локальном сервере node.js потом на MAMP'e запускаю wordpress и натягиваю верстку. Как убрать промежуточный этап верстки? Как настроить gulp сразу под PHP сервер? Чтобы при верстке он рефрешил страницу
Вот мой Gulp файл:

var gulp = require('gulp'),
stylus = require('gulp-stylus'),
webserver = require('gulp-webserver'),
plumber = require('gulp-plumber'),
concat = require('gulp-concat'),
csso = require('gulp-csso'),
autoprefixer = require('autoprefixer-stylus'),
fontmin = require('gulp-fontmin'),
clean = require('gulp-clean'),
replace = require('gulp-replace'),
spritesmith = require('gulp.spritesmith');

/*****************
***** STYLUS *****
******************/
gulp.task('stylus', function() {
 return gulp.src(['./main.styl', './main_media.styl'])
 .pipe(plumber())
 .pipe(stylus({compress: false, use: autoprefixer()}))
 // .pipe(csso())
 .pipe(gulp.dest('./css'));
});

/****************
***** FONTS *****
*****************/

gulp.task('fontmin', function() {
    return gulp.src('./fonts/ttf/*.ttf')
        .pipe(fontmin())
        .pipe(gulp.dest('./fonts/'));
});

gulp.task('fonts-concat', ['fontmin'], function() {
  return gulp.src('./fonts/*.css')
    .pipe(concat('fonts.css'))
    .pipe(gulp.dest('./css/fonts-before/'));
});

gulp.task('replace-fonts', ['fonts-concat'], function(){
  return gulp.src(['./css/fonts-before/fonts.css'])
    .pipe(replace('url("', 'url("../fonts/'))
    .pipe(gulp.dest('./css/'));
});

gulp.task('fonts', ['replace-fonts'], function() {
    return gulp.src(['./fonts/*.css', './css/fonts-before/'], {read: false})
        .pipe(clean());
});



/******************
***** SPRITES *****
*******************/
var pages = [
'index'
]

gulp.task('sprite', function() {
  for (var i = 0; i < pages.length; i++){
    var spriteData = 
          gulp.src('./img/sprite/before/'+pages[i]+'/*.*') // путь, откуда берем картинки для спрайта
          .pipe(spritesmith({
            imgName: 'sprite_'+pages[i]+'.png',
            cssName: 'sprite_'+pages[i]+'.styl',
            cssFormat: 'stylus',
            algorithm: 'binary-tree',
            padding: 1,
            cssTemplate: 'stylus.template.mustache',
            cssVarMap: function(sprite) {
              sprite.name = 's-' + sprite.name
            }
          }));
      spriteData.img.pipe(gulp.dest('./img/sprite/')); // путь, куда сохраняем картинку
      spriteData.css.pipe(gulp.dest('./stylus/')); // путь, куда сохраняем стили
    }
  });


/************************************
***** WEBSERVER, WATCH, DEFAULT *****
*************************************/
gulp.task('webserver', function() {
  gulp.src('./')
  .pipe(webserver({
    livereload: true,
    directoryListing: true,
    open: true,
    fallback: 'index.html'
  }));
});

gulp.task('watch', function() {
  gulp.watch('./**/*.styl', ['stylus']);
  gulp.watch('./img/sprite/before/**/*', ['sprite']);
});

gulp.task('default', ['watch', 'webserver']);