提供缩小的样式表是Google通过其Pagespeed测试的要求之一。在最基本的定义中,缩小的样式表只是一个删除了所有空白区域的CSS文件。
有插件可以为你做这种东西,但我更喜欢多一点,而不是依赖其他人的插件。所以我总是在我的主题中有原始的style.css文件,然后是同一文件的另一个缩小的style.min.css版本。这是“正确”的方式,因为WordPress需要存储在实际style.css文件中的一些信息,它用于显示管理区域中的某些内容。
只是拥有一个style.min.css文件对你来说不会太好,你必须实际链接到它。这可能是一种痛苦,在您进行更改然后返回到缩小版本时,将代码更改为指向style.css文件。
因此,我创建了一个简单的小函数,使您可以轻松地在style.css文件和style.min.css文件之间来回切换。把它放到functions.php中。
// if a style.min.css file exists, use that, otherwise use style.css
function style_or_min_style() {
$located = locate_template( 'style.min.css' );
if ($located != '' ) {
echo '<link rel="stylesheet" href="'.get_template_directory_uri().'/style.min.css" />';
} else {
echo '<link rel="stylesheet" href="'.get_template_directory_uri().'/style.css" />';
}
}
所以现在你可以快速重命名你的style.min.css文件(到任何东西,即style1.min.css),编辑主CSS文件,然后将缩小的CSS粘贴回你的style1.min.css文件,重命名回到原来的style.min.css,你很高兴。