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

我不知道在哪里编辑WordPress主题。我是WordPress的新手，有一个自定义主题，其main

style.css

文件只导入此主题的样式，如下所示：

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

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']);

我读到有人建议创建一个新的子主题，但我认为在我的例子中没有必要这样做，因为我想几乎完全改变主题的css，所以没有必要保留原始的主题文件。因为，我试图修改文件

“assets/stylesheets/app.css”

，在浏览器中看不到任何更改。我可以在那里编辑样式吗，或者我需要在

WP管理仪表板的某个地方编辑样式？
我想用gulp构建我的脚本，我的设置如下：

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

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']);

所以，我不知道我该怎么做。在哪里可以更改主题而不创建子主题？
在哪里导入“app.css”？“style.css”文件的开头或结尾？如果是在开头，则“app.css”中更改的规则可能会被以下“style.css”规则覆盖。
是，该文件正在导入app.css
@import url（'assets/stylesheets/app.css'）抱歉，我发现了错误所在，因为我在数据库中克隆了存储库，url仍然是原始存储库中的url，所以当我更改它正在工作时，它正在从实时服务器中提取css样式表。无论如何，谢谢你的帮助！