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

我很困惑在哪裏編輯WordPress主題。我是新來的WordPress和具有主style.css文件剛導入樣式這個主題像這樣的自定義主題：如何在WordPress中更新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']);

所以，不知道我怎麼能做到這一點利用一飲而盡。我可以在哪裏更改主題而不創建子主題？

來源

2017-02-09 Leff

「app.css」的導入發生在哪裏 - 在「style.css」文件的開頭還是末尾？如果它在開始處，「app.css」中更改的規則可能會被以下「style.css」規則覆蓋。

來源

2017-02-09 11:47:21 Johannes

是的，那個文件正在導入app.css'''@import url（'assets/stylesheets/app.css'）;''' – Leff

抱歉，我發現了什麼錯誤，因爲我克隆了存儲庫在數據庫中，url仍然是原始存儲庫中的url，所以當我改變它的工作方式時，它從實時服務器上拉取了css樣式表。無論如何，謝謝你的幫助！ – Leff

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

回答

相關問題