[英]style.css gets included before bootstrap
我试图用我的style.css(默认情况下放在我的wordpress主题文件夹中)覆盖引导程序。 所以这是我在functions.php中拥有的将bootstrap CDN和CSS放入队列的代码:
function bootstrap() {
wp_enqueue_style( 'bootstrap-css', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css' );
wp_enqueue_script( 'bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js', array('jquery') );
}
add_action('wp_enqueue_scripts', 'bootstrap');
function maincss() {
wp_enqueue_style( 'maincss', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'maincss');
这就是我在Google的检查器中的样子:
<link rel="stylesheet" id="maincss-css" href="http://bootstraptest.co.nf/wp-content/themes/HipsterTheme/style.css?ver=1.0.0" type="text/css" media="screen">
<link rel="stylesheet" id="bootstrap-css-css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css?ver=4.2.3" type="text/css" media="all">
我对wordpress很陌生,所以对我很好:P
根据文档wp_enqueue_style ,应使用$ deps参数声明maincss的依赖关系,如下所示:
wp_enqueue_style( 'maincss', get_template_directory_uri() . '/style.css',array('bootstrap-css') );
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.