如何使用本地文件安装bootstrap

时间:2017-02-03 01:17:43

标签: php wordpress twitter-bootstrap

我刚刚意识到我的网站没有使用bootstrap的本地文件,而是通过CDN获取主题。我现在一直试图弄清楚如何从CDN切换到使用本地文件,但每次我尝试切换它们时我的整个网站都搞砸了。我有一个css文件夹中的bootstrap css文件以及js文件夹中的js文件。任何人都可以帮助我从我的本地文件中获取引导程序吗?

这可能看起来像一个简单的问题,但我仍然很新,所以我完全迷失了。

我在之前的功能.php ...

function learningWordPress_resources() {
    wp_enqueue_style('style', get_stylesheet_uri());
    wp_enqueue_script( 'bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', array('jquery'), '3.3.7', true );
    wp_enqueue_style( 'bootstrap-style', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' );
}

add_action('wp_enqueue_scripts', 'learningWordPress_resources');

我试图切换它......

function learningWordPress_resources() {
    wp_enqueue_style( 'bootstrapstyle', get_template_directory_uri() . '/css/bootstrap.min.css' );
    wp_enqueue_style( 'bootstrapthemestyle', get_template_directory_uri() . '/css/bootstrap-theme.min.css' );
    wp_enqueue_script( 'bootstrap-script', get_template_directory_uri() . '/js/bootstrap.min.js', array(), true );
}

add_action('wp_enqueue_scripts', 'learningWordPress_resources');

enter image description here

1 个答案:

答案 0 :(得分:1)

我认为你需要加载三个文件:css,javascript和你的本地style.css文件:

以下是我在Legal Firm Website上所做的事情 - 您可以自己查看来源。

   function btc_scripts() {

        wp_enqueue_style( 'bootstrap-style', get_template_directory_uri() . '/css/bootstrap.min.css', array(), '3.3.5' );
        wp_enqueue_style( 'btc-style', get_template_directory_uri() . '/style.css' , array ('bootstrap-style'),'1.0.1');

        wp_enqueue_script ( 'bootstrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '3.3.5', false);

    }
    add_action( 'wp_enqueue_scripts', 'btc_scripts' );