如何在WordPress中更新css主题文件

Question

我很困惑在哪里编辑WordPress主题。我是新来的WordPress和具有主style.css文件刚导入样式这个主题像这样的自定义主题：

@import url('assets/stylesheets/app.css'); 

，我读了，建议做一个新的子主题，但我没有看到在我的情况下需要这样做，因为我想几乎完全改变主题的CSS，所以不需要保留原始主题文件。因为，我试图修改文件'assets/stylesheets/app.css'我看不到浏览器中的任何更改。我可以在那里编辑样式，或者我需要在WP admin dashboard某处执行此操作？ 我想与一饮而尽，我设置了这样的打造我的脚本：

var gulp   = require('gulp'); 
var sass   = require('gulp-sass'); 
var include  = require('gulp-include'); 
var watch   = require('gulp-watch'); 
var batch   = require('gulp-batch'); 
var sourcemaps = require('gulp-sourcemaps'); 
var prefix  = require('gulp-autoprefixer'); 
var connect  = require('gulp-connect'); 
var browserify = require('gulp-browserify'); 
var livereload = require('gulp-livereload'); 
var browsersync = require('browser-sync'); 

var config = { 
    srcDir: './assets', 
    styles: { 
    src: '/scss/app.scss', 
    dest: '/stylesheets', 
    includePaths: [ 
     'node_modules/foundation-sites/scss' 
    ], 
    prefix: ["last 2 versions", "> 1%", "ie 9"] 
    }, 
    scripts: { 
    src: '/js/app.js', 
    dest: '/js' 
    }, 
    img: { 
    src: '/images/**/*', 
    dest: '/images' 
    } 
}; 

var srcDir = './src', 
    destDir = './build'; 

gulp.task('styles', function() { 
    return gulp.src(config.srcDir + config.styles.src) 
    .pipe(sourcemaps.init()) 
    .pipe(sass({ 
     includePaths: config.styles.includePaths, 
     sourceMap: true, 
     outFile: config.srcDir + config.styles.dest + '/app.css', 
     outputStyle: 'compressed' 
    })) 
    .pipe(prefix(config.styles.prefix)) 
    .pipe(sourcemaps.write()) 
    .on('error', sass.logError) 
    .pipe(gulp.dest(config.srcDir + config.styles.dest)) 
    .pipe(browsersync.reload({ stream: true })); 
}); 

gulp.task('scripts', function() { 
    gulp.src(config.srcDir + config.scripts.src) 
     .pipe(browserify({ 
     insertGlobals : true, 
     debug : !gulp.env.production 
     })) 
     .pipe(gulp.dest(config.srcDir + config.scripts.dest)) 
}); 

gulp.task('include', function() { 
    return gulp.src(config.srcDir + config.img.src) 
    .pipe(gulp.dest(config.srcDir + config.img.dest)); 
}); 

gulp.task('watch', function() { 
    // Watch .scss files 
    gulp.watch(config.srcDir + config.styles.src, ['styles']); 

    // Watch .js files 
    gulp.watch(config.srcDir + config.scripts.src, ['scripts']); 
}); 

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

所以，不知道我怎么能做到这一点利用一饮而尽。我可以在哪里更改主题而不创建子主题？

Answer 1

“app.css”的导入发生在哪里 - 在“style.css”文件的开头还是末尾？如果它在开始处，“app.css”中更改的规则可能会被以下“style.css”规则覆盖。