将在主题文件夹中找到的所有样式表排入队列

时间:2019-11-14 作者:Lloyd Banks

是否有一个内置的Wordpress函数允许您将特定主题的所有样式表排队?

我的目录结构如下所示:

-my-custom-theme
    -css
        -header.css
        -footer.css
    -functions.php
我想加载在中找到的所有CSS文件my-custom-theme/css 文件夹

3 个回复
SO网友:Jacob Peattie

不需要。您需要指定希望主题排队的每个样式表。自动执行几乎肯定会导致问题,因为CSS的加载顺序对于样式的应用非常重要。如果主题样式表的正确加载顺序恰好是字母顺序,这可能不是问题,但大多数主题都不是这样。

SO网友:Alvic

您可以将这两个文件编入队列。

// Add custom css
function my_CSS() {
    wp_register_script( \'header\', get_template_directory_uri() . \'/my-custom-theme/css/header.css\', array(), 1, true );
    wp_enqueue_script( \'header\' );

    wp_register_script( \'footer\', get_template_directory_uri() . \'/my-custom-theme/css/footer.css\', array(), 1, true );
    wp_enqueue_script( \'footer\' );  

}
add_action(\'wp_enqueue_scripts\', \'my_CSS\');

SO网友:Rick Hellewell

正如Jacob提到的,如果这是您正在开发的主题,那么您可以按照希望加载CSS文件的字母顺序来命名CSS文件。然后,您可以使用函数读取文件列表,按字母顺序对其进行排序,然后循环遍历每一个文件并对其进行加密。

但是,如果需要加载所有CSS文件,并且这是您的主题,为什么不将它们放在一个组合的CSS文件中呢。您可以使用媒体查询来限制处理的CSS,尽管现在系统已经足够快了,加载一个大CSS文件所需的时间可能已经足够少,不必担心一个巨大的CSS文件。

而且,如果它是您的主题,一个css enquee循环应该负责按照所需的顺序加载所有需要的css文件。

但一个巨大的CSS文件似乎没有那么麻烦。

相关推荐

将我的主题的所有SCSS编译到主题根目录中的style.css文件中有什么需要注意的吗?

我从事WordPress开发,经验更丰富的WP开发人员总是告诉我将我的主题SCS编译成一个单独的style.css 文件,通常放入子目录,如assets/css/style.css.然而今天我读了一篇关于SitePoint 他们讨论如何将SCS直接编译到style.css 主题根目录中的文件(确保cssnano保留开头的块注释元),无需将单独的CSS文件排队。此外,在WordPress Codex page for Theme Development 内容如下:除了主题的CSS样式信息之外,还有样式。cs