如何将Bootstrap CDN添加到我的Wordpress

时间:2016-05-28 02:08:31

标签: wordpress twitter-bootstrap

我想为我的Wordpress使用Bootstrap框架..如何在functions.php中编辑?我找到某个地方告诉像这样的代码

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_scripts()add_action('wp_enqueue_scripts', 'enqueue_my_scripts');的含义是什么?

1 个答案:

答案 0 :(得分:6)

这些被称为“钩子”,你可以在这里阅读它们:http://codex.wordpress.org/Plugin_API

否则你的代码基本上是正确的,有一个错误。你有jQuery作为jQuery的依赖,这意味着它永远不会被加载,随后从不加载bootstrap:

wp_enqueue_script( 
    'jquery', 
     '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js',
     array(), // <-- There we go
     '1.9.1', 
     true
);

解决方案:

wp_enqueue_script( 'jquery' );

但是,还有一件事。 WordPress已经准备好jQuery入队了(即wp_enqueue_script( 'jquery-cdn', '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array(), '1.9.1', true ); // And then update your dependency on your bootstrap script // to use the CDN jQuery: wp_enqueue_script( 'bootstrap-js', '//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js', array( 'jquery-cdn' ), true ); 将加载jQuery的本地副本)。这不是必要的,但我认为最佳做法是将带有后缀的脚本的CDN版本入队,即:

%c