我如何使用PurifyCSS来清理WordPress style le.css?

时间:2017-05-22 作者:Juraj.Lorinc

我正在尝试使用PurifyCSS来清理style.css 文件当我在静态html文件上尝试时,它是否工作正常。请参见my CLI命令的示例:

purifycss wp01/wp-content/themes/mytheme/style.css index.html --min --info

但当我尝试在live web(在本地主机上运行)上使用它时,我得到了错误的结果。这是我的命令:

purifycss wp01/wp-content/themes/mytheme/style.css http://localhost/wp01/ --min --info

它只输出我的css的一小部分基本上只是我的csshtmlbody 标签。

我想做的是这样的:

purifycss wp01/wp-content/themes/mytheme/style.css http://localhost/wp01/ http://localhost/wp01/another-page http://localhost/wp01/last-page --min --info

提供web的所有页面应该输出纯净的css,而不需要所有不必要的东西。

2 个回复
SO网友:Johansson

为WordPress优化CSS是一项耗时的工作。你必须考虑所有页面(404、归档、搜索等)以及你能想到的每一个可能的元素,如图像、有序列表、无序列表、引号、图库等。

更不用说您的主题可能使用某种AJAX或模式,它们只能在特殊事件(如错误或通知)上加载。

不过,purifyCSS可能隐藏了一些类。

根据我的经验,我认为最好先涵盖WordPress generated classes 然后浏览主题中的类,找到它们并将它们存储在一个单独的CSS文件中,直到您完成对主题的查看。

你可能还想调查一下functions.php 用于可能的短代码和AJAX处理程序的文件,输出HTML内容。

正如我所提到的,这是一项非常简单但耗时的任务,因为自动化应用程序无法将其全部提取出来(至少在前端)。

SO网友:Jay

有人写了一篇关于如何使用根的Grunt来实现这一点的文章。io的Wordpress主题框架。(现在称为Sage)这里有一个链接,以防它对某人有所帮助。https://cfxdesign.com/remove-unused-css-from-wordpress-automatically-with-grunt/

结束

相关推荐

根据IS_USER_LOGGED_IN更改CSS

如何根据用户是否登录来激活某些CSS行?Here\'s how it looks:我目前正在为我们的一个客户构建一个登录掩码,下面是我想要做的:如果\\u user\\u is\\u logged\\u in->容器高度:30px;else容器高度:160px;Here\'s what I got:如果有人说不出来,我也在第一部分代码上得到了帮助。So to sum up again: 如果用户登录->样式:“高度:30px默认值为160px。我真的很感谢迄今为止我从这个社区得到的帮助:)