Bootstrap CDN + WP // 如何编辑“.css”答案

【问题标题】：Bootstrap CDN + WP // How to edit '.css’Bootstrap CDN + WP // 如何编辑“.css”
【发布时间】：2015-04-03 01:03:44
【问题描述】：

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

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

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

提前致谢。

【问题讨论】：

您想对引导 css 文件进行哪些更改？另外，我建议在您的functions.php 文件中使用wp_enqueue_style，而不是在header.php (codex.wordpress.org/Function_Reference/wp_enqueue_style) 中使用
要从引导程序中覆盖一个类或 id，您可以在您的 php 文件中写入 id 或类 css，这将被浏览器赋予更高的优先级。你也可以使用 '!important' 让它变得重要。
更好的技术是在包含 CDN 文件之后包含您自己的 CSS 文件，然后将您需要的任何样式写入您的这个 CSS 文件。这样，它们将覆盖您 CDN 文件中有问题的样式。

标签： php css wordpress twitter-bootstrap

【解决方案1】：

您只需使用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');

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

当您使用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' );

【讨论】：

感谢布赖恩的回答！但是我真的不明白它比将我的'.css'文件放在'header.php'中的CDN之后更好吗？
好吧，我可以调用的一个原因是您可能不想在网站的其他方面使用引导程序，这样您就可以控制所有页面和特定页面。代码更新
太棒了！再次非常感谢您。
@VassiliBagrov 非常欢迎您。顺便说一句，对于您想要开发的其他网站，请查看 Foundation Framework is Awesome，干杯！ :)

【解决方案2】：

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

更好的方法是在包含 CDN 文件后包含您自己的 CSS 文件，然后将您需要的样式写入您的这个 CSS 文件。这样，它们将覆盖您 CDN 文件中有问题的样式。

非常感谢！

【讨论】：