twitter-bootstrap - 如何在 Wordpress 插件开发中包含 Bootstrap ？

Question

我正在开发插件，我想在我的插件中包含 Bootstrap 。包含的最佳方式是什么？我找不到与此相关的任何内容，到目前为止我已经找到了几个我不需要的 Bootstrap 插件，我需要在我的插件中包含一些来自 Bootstrap 的 js 和 css 元素。我是新手。

我也尝试过类似的东西，比如包含在 WP 主题中，但它不起作用？

如果您需要更多信息，请询问我，我会为您提供

我试图在主文件 index.php 中包含类似于 WP 主题的内容:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<!-- Latest compiled and minified JavaScript -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>                 

Answer 1

您需要使用 wp_register_script()然后 wp_enqueue_script()对于 js。

您需要使用 wp_register_style()然后 wp_enqueue_style()对于 CSS。

请参阅以下 js 示例...

wp_register_script('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js');
wp_enqueue_script('prefix_bootstrap');

现在对 css 做同样的事情......

wp_register_style('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
wp_enqueue_style('prefix_bootstrap');

最好将它们放在可重用的方法中，以防您将使用 ajax。这样，您不需要在 ajax 方法中重新列出每个脚本或样式表。

function prefix_enqueue() 
{       
    // JS
    wp_register_script('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js');
    wp_enqueue_script('prefix_bootstrap');

    // CSS
    wp_register_style('prefix_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
    wp_enqueue_style('prefix_bootstrap');
}

从长远来看，使用“prefix_”将有助于防止冲突并为您节省一些麻烦。