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

时间:2017-02-09 11:42:04

标签: css wordpress

我对编辑WordPress主题的位置感到困惑。我是WordPress的新手,并且有一个自定义主题,主@import url('assets/stylesheets/app.css'); 文件只是导入这个主题的样式,如下所示:

'assets/stylesheets/app.css'

我读到建议制作一个新的儿童主题,但我不认为在我的情况下需要这个,因为我想几乎完全改变主题的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']); 进行编辑吗? 我想用gulp构建我的脚本,我设置如下:

if let chatUsersJidArray = KUtility.getUserDefault(key: KChatUsersJid) as? NSMutableArray

所以,不知道如何利用gulp做到这一点。我可以在哪里更改主题而不创建子主题?

1 个答案:

答案 0 :(得分:0)

导入" app.css"发生 - 在" style.css"的开头或结尾文件?如果它在开头,则更改规则在" app.css"可能被以下" style.css"覆盖规则。