关于WordPress的style.min.css样式表的说明

提供缩小的样式表是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,你很高兴。

留下评论