2016-04-28 7 views
1

私はワードプレスのテーマがあり、私は未使用のCSSを削除したい。 は、だから私はがぶ飲み+ uncssWordpressのテーマ - 未使用のCSSを削除

テーマフォルダ構造

CSS/main.css 
-gulpfile.js 

WordpressのサイトのURL localhot/wpsite

を使用しようと私はgulpfile.js

//Include Gulp 
var gulp = require('gulp'); 

//Include plugins 
    var uncss = require('gulp-uncss'); 
    var rename = require('gulp-rename'); 

    //Uncss task 
    gulp.task('uncss', function() { 

     gulp.src('css/main.css') 
      .pipe(uncss({   
       html: [ 'http://localhot/wpsite/','http://localhot/wpsite/about' ] 
      }))  

     .pipe(rename({suffix: '.clean'})) 
     .pipe(gulp.dest('css')); 

    }); 

を持っているしかし、私はすることができます`新しいクリーンなCSSファイルを入手する

+1

は、サイトマップを生成しなかったことは明らかに、どのようにゴクゴクインストールからがぶ飲みを使用してワードプレスで未使用のCSSを削除する方法について説明しますか? –

答えて

1

A gulpfile.jsを参照してください。

20以下のページがある場合は、URLをコピーして貼り付けてから、これを行うにはプラグインが必要です。グランツ用に設計されたプラグインもありますが、Gulpでもうまく動作します。あなたはそれを使用する方法に従いやすい指示でhereを見つけることができます。あなたはそれをアクティブにした後

、に行く:あなたはちょうどその後uncss関数内gulpfile.jsに貼り付け、すべてのコピーを選択し、いくつかのコードが表示されます

http://yourdomain.com?show_sitemap

「HTML:」

アレイをコピーした後、ファイルを保存します。次に、コマンドラインでは、タイプ:あなたのCSSのフォルダを見ればまたはあなたが先のパスのために選んだ場所に

gulp uncss 

だから今、あなたは接尾辞で新しいリーンCSSが表示されます「.clean」それは次のようになります。下のリンクを一度

enter image description here

チェック。

Remove Unused CSS

関連する問題