Question

我在wordpress上使用了一个名为“w3 total cache”的插件，它缩小了我的style.css（位于我的主题文件夹中）。问题是在function.php中我正确地将boostrap cdn和style.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');

但是，无论何时我的页面加载了style.css，在head标签和bootstrap保持在下面覆盖我的所有规则之后立即缩小...

这是我正在处理的网站：http://bootstraptest.co.nf

如果您在引导后立即移动第一个样式表，则可以看到按钮正常工作并且标题正确放置。

Answer 1

在header.php

之后添加wp_head()代码

像这样：

    <?php wp_head(); ?>
    <!-- W3TC-include-css -->
</head>

这将导致在您的引导程序调用之后显示已挖掘的w3tc文件

使用w3tc，bootstrap cdn会覆盖minified css

1 个答案: