连接wordpress主题与bootstrap

时间:2017-02-14 13:00:36

标签: wordpress twitter-bootstrap

我有以下作为我的functions.php



<?php
function portfolio_script_enqueue()
{
	wp_register_style('bootstrap', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css' );
    $dependencies = array('bootstrap');
    wp_enqueue_style( 'bootstrapstarter-style', get_stylesheet_uri(), $dependencies ); 

    $dependenciesScript = array('jquery');
   wp_enqueue_script('bootstrap', get_template_directory_uri().'/bootstrap/js/bootstrap.min.js',  $dependenciesScript, '3.3.6', true );

}
add_action("wp_enqueue_scripts","portfolio_script_enqueue");
?>
&#13;
&#13;
&#13;

和header.php

&#13;
&#13;
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8"> 
   <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>My portfolio</title>
	<?php wp_head(); ?>
</head>
<body>
 <?php body_class(); ?>
 



	
&#13;
&#13;
&#13;  但引导样式没有采摘。我哪里出错?

1 个答案:

答案 0 :(得分:0)

wp_enqueue_style( 'bootstrap' );将调用已注册的样式

正在使用wordpress codex(https://codex.wordpress.org/Function_Reference/wp_register_stylewp register style()注册一个CSS样式文件,以便以后与wp_enqueue_style()一起使用。

因此,将代码更改为

function portfolio_script_enqueue()
{
    wp_register_style('bootstrap', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css' );
    //enqueue the style
      wp_enqueue_style( 'bootstrap' );