是否有一个内置的Wordpress函数允许您将特定主题的所有样式表排队?
我的目录结构如下所示:
-my-custom-theme
-css
-header.css
-footer.css
-functions.php
我想加载在中找到的所有CSS文件my-custom-theme/css
文件夹是否有一个内置的Wordpress函数允许您将特定主题的所有样式表排队?
我的目录结构如下所示:
-my-custom-theme
-css
-header.css
-footer.css
-functions.php
我想加载在中找到的所有CSS文件my-custom-theme/css
文件夹不需要。您需要指定希望主题排队的每个样式表。自动执行几乎肯定会导致问题,因为CSS的加载顺序对于样式的应用非常重要。如果主题样式表的正确加载顺序恰好是字母顺序,这可能不是问题,但大多数主题都不是这样。
您可以将这两个文件编入队列。
// 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\');
正如Jacob提到的,如果这是您正在开发的主题,那么您可以按照希望加载CSS文件的字母顺序来命名CSS文件。然后,您可以使用函数读取文件列表,按字母顺序对其进行排序,然后循环遍历每一个文件并对其进行加密。
但是,如果需要加载所有CSS文件,并且这是您的主题,为什么不将它们放在一个组合的CSS文件中呢。您可以使用媒体查询来限制处理的CSS,尽管现在系统已经足够快了,加载一个大CSS文件所需的时间可能已经足够少,不必担心一个巨大的CSS文件。
而且,如果它是您的主题,一个css enquee循环应该负责按照所需的顺序加载所有需要的css文件。
但一个巨大的CSS文件似乎没有那么麻烦。
我从事WordPress开发,经验更丰富的WP开发人员总是告诉我将我的主题SCS编译成一个单独的style.css 文件,通常放入子目录,如assets/css/style.css.然而今天我读了一篇关于SitePoint 他们讨论如何将SCS直接编译到style.css 主题根目录中的文件(确保cssnano保留开头的块注释元),无需将单独的CSS文件排队。此外,在WordPress Codex page for Theme Development 内容如下:除了主题的CSS样式信息之外,还有样式。cs