如何在某个css文件之后加载css文件

时间:2017-07-28 作者:Abhilash Narayan

我想知道如何使用wp\\u register\\u风格函数。

wp_register_style(\'bmg-comp-listing-jquery-timepicker-css-public\', plugins_url(\'css/public/jquery.timepicker.min.css\', __FILE__),array(\'plsh-style-css\'));
我试着那样通过,但它不起作用。数组应该包含什么?

1 个回复
SO网友:Johansson

您有三个选项可以将CSS依次排队。您可以:

增加挂钩的优先级

可以按如下方式设置挂钩的优先级:

add_action(\'wp_enqueue_scripts\', \'some_function\', 999);
function some_function() {
    wp_register_style(\'bmg- ... -public\', plugins_url(\'...\', __FILE__),array(\'plsh-style\'));
    wp_enqueue_style(\'bmg- ... -public\');
}
当您使用插件将CSS排队,并且不想修改模板时,这会很方便,反之亦然。

将它们按顺序排队

如果您有多个CSS文件要排队,只需按顺序使用它们:

add_action(\'wp_enqueue_scripts\', \'some_function\', 999);
function some_function() {
    // First register them
    wp_register_style( \'bmg- ... -public\', plugins_url(\'...\', __FILE__) );
    wp_register_style( \'plsh-style\', plugins_url(\'...\', __FILE__) );
    // Then enqueue them in order
    wp_enqueue_style( \'plsh-style\' );
    wp_enqueue_style( \'bmg- ... -public\' );
}
这将导致my-stylemy-style.

设置的第三个参数wp_register_style() 是一个数组,指示此样式表的依赖项。依赖样式表将在此样式表之前加载。您最好先注册依赖关系处理程序。查看相关codex 有关此功能的页面。

Note: 实际处理程序名称通常不包含-css. 这是WordPress在排队时自动添加的样式。您可能想使用plsh-style 而不是plsh-style-css. 所以,这个:

wp_register_style(\'bmg- ... -public\', plugins_url(\'...\', __FILE__),array(\'plsh-style-css\'));
应转到以下位置:

wp_register_style(\'bmg- ... -public\', plugins_url(\'...\', __FILE__),array(\'plsh-style\'));
我已经删除了链接和名称,使代码可以放在一行中。

结束

相关推荐