將引導程序添加到Wordpress使用functions.php

我已經嘗試使用以下代碼將Bootstrap嵌入到Wordpress中，但它不起作用。需要幫助..........將引導程序添加到Wordpress使用functions.php

<?php 

function resources() { 

wp_enqueue_style('style',get_stylesheet_uri());   
wp_enqueue_style('bootstrap.min',get_template_directory_uri().'/css/bootstrap.min.css'); 
wp_enqueue_style('bootstrap',get_template_directory_uri().'/css/bootstrap.css'); 
wp_enqueue_style('bootstrap-theme.min',get_template_directory_uri().'/css/bootstrap-theme.min.css'); 
}  

add_action('wp_enqueue_scripts', 'resources');

來源

2016-04-20 Kuber Kanav

它看起來像你總是附上引導程序的CSS，但不是JavaScript。也許包括js會有所幫助。 – reallynice

@reallynice CSS應該沒有任何問題，因爲js，但我試過了，仍然沒有。不管怎麼說，多謝拉。 –

不要將css的'unminified'和'minified'版本排入隊列。 – zipkundan

這可能對你有幫助

WordPress是使用wp_enqueue_style和wp_enqueue_script來自內部的functions.php。特別是，我們需要創建一個新函數來添加（或排隊）css風格和js腳本，然後允許WordPress在適當的時候通過添加wp_enqueue_scripts操作來調用它。

/* Add bootstrap support to the Wordpress theme*/ 

function theme_add_bootstrap() { 
wp_enqueue_style('bootstrap-css', get_template_directory_uri() . '/css/bootstrap.min.css'); 
wp_enqueue_style('style-css', get_template_directory_uri() . '/style.css'); 
wp_enqueue_script('bootstrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '3.0.0', true); 
} 

add_action('wp_enqueue_scripts', 'theme_add_bootstrap');

相關信息：在click here

來源

2016-04-20 14:14:44

爲了wp_enqueue_scriptsfunction.php正常工作，需要<?php wp_head(); ?>在你的模板文件關閉</body>標記前收盤</head>和<?php wp_footer(); ?>前放置。

因爲您沒有發佈您的模板文件，所以我認爲這可能是導致您的問題的原因。

希望這有助於

來源

2017-04-15 15:35:08

只需使用引導CDN - https://www.bootstrapcdn.com/

在你的子主題找到函數theme_enqueue_styles（），並添加如下圖所示的額外兩行代碼。

function theme_enqueue_styles() { 
    // Add the following two lines // 
    wp_enqueue_style('bootstrap-cdn-css', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'); 
    wp_enqueue_script('bootstrap-cdn-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'); 
    // ------    -------// 
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css'); 
    wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style')); 
}

來源

2017-04-24 22:07:47 Astrophe

將引導程序添加到Wordpress使用functions.php

回答

相關問題