2017-02-09 8 views
0

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

だから、私はそれが一口を利用し行うことができます方法がわかりません。子テーマを作成せずにどこでテーマを変更できますか?

答えて

0

「app.css」のインポートは、「style.css」ファイルの最初または最後にどこで行われますか?開始時であれば、「app.css」内の変更されたルールは、次の「style.css」ルールによって上書きされる可能性があります。

+0

はい、そのファイルはapp.cssをインポートしています。@import url( 'assets/stylesheets/app.css'); '' – Leff

+0

残念ですが、私はリポジトリをクローンしてから間違いを見つけましたデータベースでは、URLはまだ元のリポジトリのものだったので、動作していた変更したときにライブサーバーからCSSスタイルシートを引き出していました。とにかく助けてくれてありがとう! – Leff

関連する問題