如何组织插件css文件的优先级?

时间:2019-11-18 作者:Stewart Wallace

我正在开发带有主题(Astra Pro with child主题)和插件的网站。当我在Chrome开发工具中检查性能时,跟踪显示了具有高优先级的非关键样式表。

示例-lightbox样式表是主要文件之一:lightbox stylesheet is one of the primary files

是否有办法控制这些优先级,以便我可以先放置关键文件,然后再放置非关键文件?

初学者水平的答案将不胜感激。

编辑#1:

我已经添加了我的子主题函数。php代码:

add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\', 99 );
function theme_enqueue_styles() {
    wp_enqueue_style( \'slb_core-css\', \'/wp-content/plugins/simple-lightbox/client/css/app.css\' );
}
a.slb\\U core-css是一个样式表idb。一旦我在路径中出错,我就得到了404错误,所以不知何故它是有效的,但是:

什么都没发生。样式表与之前的位置相同。

1 个回复
SO网友:John Swaringen

我在https://wordpress.org/support/topic/zerif-lite-child-theme/?replies=23#post-7476423

WordPress add\\u操作似乎允许您将优先级设置为整数。

add_action( string $tag, callable $function_to_add, int $priority = 10, int $accepted_args = 1 )
通过添加“wp_排队_样式”或“wp_排队_脚本”作为操作方法,可以设置样式的优先级。这有点麻烦,因为您必须使用不同的函数加载每个脚本,但这应该可以工作。

<?php
add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\', 99 );
function theme_enqueue_styles() {
    wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' );
}