WordPress主题-删除未使用的CSS

Zarkoeleto

我有一个wordpress主题,我想删除未使用的CSS。所以我尝试使用Gulp + uncss

主题文件夹结构

CSS/main.css
-gulpfile.js

WordPress网站网址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文件

naveenkumar

看到上面的(您的代码)gulpfile.js之后

如果只有几页,例如20页或更少,则可以继续复制并粘贴URL(如果没有),则需要一个插件。有一个专门为Grunt设计的插件,但也可以与Gulp配合使用。您可以在此处找到有关如何使用它的简单易懂的说明。

激活后,请转到:

http://yourdomain.com?show_sitemap

您将看到一些代码,只需全选并复制,然后将其粘贴到“ html:”之后的uncss函数内的gulpfile.js中即可。

复制阵列后,保存文件。然后,在命令行中键入:

gulp uncss

因此,现在,如果查看您的CSS文件夹或为目标路径选择的任何位置,您将看到带有后缀'.clean'的新精益CSS,其外观应类似于以下内容:

在此处输入图片说明

检查一下下面的链接。它将清楚地描述如何从gulp安装中使用Gulp删除WordPress中未使用的CSS

删除未使用的CSS

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

从Wordpress主题中删除PHP头像操作不起作用

来自分类Dev

WordPress主题无法在线使用

来自分类Dev

在Wordpress子主题中使用$代替jQuery

来自分类Dev

使用CSS为Wordpress主题覆盖内联样式

来自分类Dev

WordPress在主题中内联更改css值

来自分类Dev

WordPress主题定制器内容未显示在页面上

来自分类Dev

Wordpress Bootstrap主题不使用样式

来自分类Dev

WordPress的主题CSS:无法更改导航位置

来自分类Dev

WordPress remove_filter()通过插件删除主题JS挂钩

来自分类Dev

如何使用PHPStorm调试WordPress主题

来自分类Dev

WordPress-使用子主题添加到Redux主题选项

来自分类Dev

主题删除后的WordPress钩子

来自分类Dev

WordPress骨骼主题CSS和JS版本控制

来自分类Dev

功能未显示在子主题WordPress中

来自分类Dev

删除Wordpress主题的边距

来自分类Dev

如何使用phpunit测试Wordpress主题的自定义类?

来自分类Dev

使用Composer安装高级Wordpress主题

来自分类Dev

WordPress,使用不同的主题:子域还是多站点?

来自分类Dev

多个CSS文件儿童主题wordpress

来自分类Dev

如何在wordpress主题中包含styles.css?

来自分类Dev

在wordpress主题中添加the_post_thumbnail作为CSS背景

来自分类Dev

Wordpress主题中的自定义CSS

来自分类Dev

脚本未显示在自定义wordpress主题中

来自分类Dev

深度定制Wordpress主题CSS

来自分类Dev

编辑已嵌入的WordPress主题的CSS

来自分类Dev

WordPress上的Fiore主题的CSS代码

来自分类Dev

从wordpress主题中删除响应式

来自分类Dev

WordPress我的主题选项设置未保存

来自分类Dev

使用私有存储库的WordPress主题和插件开发

Related 相关文章

热门标签

归档