Question

我正在使用Wordpress + Bootstrap CDN构建我的网站。我决定在CDN上制作它，以便将来更新没有问题，而且我读到这样会更快一些。

所以问题是风格有问题。我将本地'style.css'导入'header.php'，但由于CDN的'bootstrap.min.css'也有自己的参数，我不能应用一些东西。

如何重写CDN的参数？或者有没有办法编辑这个确切的'bootstrap.min.css'文件？

提前致谢。

Answer 1

@TylerH回答了我的问题，它解决了我的问题。

更好的技巧是在包含CDN文件后包含您自己的CSS文件，并且只需编写您的CSS文件所需的任何样式。这样他们就会覆盖CDN文件中有问题的样式。

非常感谢！

Answer 2

您只需使用wp_enqueue_style加载这些文件即可。这是一个你可以从中得到一个想法的例子。

function enqueue_my_scripts() {
wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array('jquery'), '1.9.1', true); // we need the jquery library for bootsrap js to function
wp_enqueue_script( 'bootstrap-js', '//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js', array('jquery'), true); // all the bootstrap javascript goodness
}
add_action('wp_enqueue_scripts', 'enqueue_my_scripts');


function enqueue_my_styles() {
wp_enqueue_style( 'bootstrap', '//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css' );
wp_enqueue_style( 'my-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'enqueue_my_styles');

并编写规则只需在!important文件中使用style.css。

使用wp_enqueue_style时，您可以选择控制样式和脚本的位置以供进一步参考。以下是如何使用它的示例。

function my_enqueue_stuff() {
  if ( is_page( 'landing-page-template-one' ) ) {
    /** Call landing-page-template-one enqueue */
  } else {
    /** Call regular enqueue */
  }
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_stuff' );

Bootstrap CDN + WP //如何编辑'.css'

2 个答案: