Bootstrap / wordpress function.php

Question

在问这里之前，我尝试了很多方法。样式表根本没有加载，我真的不知道代码有什么问题...

谢谢！

function.php

<?php

function styles(){
    wp_enqueue_style('bootstrap', get_stylesheet_uri().'/assets/css/bootstrap.css');
    wp_enqueue_style('ionicons', get_stylesheet_uri().'/assets/css/ionicons.css');
    wp_enqueue_style('font_awsome', get_stylesheet_uri().'/assets/css/font-awsome.css');
    wp_enqueue_style('fancybox', get_stylesheet_uri().'/assets/css/jquery.fancybox.css');
    wp_enqueue_style('animations', get_stylesheet_uri().'/assets/css/animations.min.css');
    wp_enqueue_style('style', get_stylesheet_directory_uri());


}

add_action( 'wp_enqueue_style', 'styles' );



?>

的header.php

<title></title>
<!-- BOOTSTRAP CORE CSS -->

<?php wp_head();?>

<!-- HTML5 Shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

我已经尝试过这样，仍然没有成功

<?php

function style() {
 wp_enqueue_style('bootstrap_css' , get_template_directory_uri() . 'assets/css/bootstrap.css');

 wp_enqueue_style('style' , get_template_directory_uri() . '/style.css');
}

add_action ('wp_enqueue_scripts', 'style');

?>

Answer 1

action应为admin_enqueue_scripts而不是wp_enqueue_style。 代码将是：     

function styles(){
    wp_enqueue_style('bootstrap', get_template_directory_uri().'/assets/css/bootstrap.css');
    wp_enqueue_style('ionicons', get_template_directory_uri().'/assets/css/ionicons.css');
    wp_enqueue_style('font_awsome', get_template_directory_uri().'/assets/css/font-awsome.css');
    wp_enqueue_style('fancybox', get_template_directory_uri().'/assets/css/jquery.fancybox.css');
    wp_enqueue_style('animations', get_template_directory_uri().'/assets/css/animations.min.css');
    wp_enqueue_style('style', get_stylesheet_uri());


}

add_action( 'admin_enqueue_scripts', 'styles' );
?>

此外，您对get_stylesheet_uri和get_template_directory_uri做错了。仔细阅读documentation。

Answer 2

您应该使用以下代码而不使用任何功能：

    wp_enqueue_style('bootstrap', get_stylesheet_uri().'/assets/css/bootstrap.css');
    wp_enqueue_style('ionicons', get_stylesheet_uri().'/assets/css/ionicons.css');
    wp_enqueue_style('font_awsome', get_stylesheet_uri().'/assets/css/font-awsome.css');
    wp_enqueue_style('fancybox', get_stylesheet_uri().'/assets/css/jquery.fancybox.css');
    wp_enqueue_style('animations', get_stylesheet_uri().'/assets/css/animations.min.css');
    wp_enqueue_style('style', get_stylesheet_directory_uri());