php - 使用 functions.php 将 Bootstrap 排队到 Wordpress

Question

我的 functions.php 文件夹中有以下代码(使用子主题，如果这里有任何影响)

<?php
function theme_styles() {

    wp_enqueue_style( 'bootstrap_css', get_template_directory_uri() . '/bootstrap.min.css' );
    wp_enqueue_style( 'main_css', get_template_directory_uri() . '/style.css' );

}

add_action( 'wp_enqueue_scripts', 'theme_styles');

function theme_js() {

    global $wp_scripts;

    wp_enqueue_script( 'bootstrap_js', get_template_directory_uri() . '/bootstrap.min.js' );

}

add_action( 'wp_enqueue_scripts', 'theme_js');

?>

使用 FTP，我已将 bootstrap.min.css 和 bootstrap.min.js 文件夹添加到我的子主题目录(从站点下载)。

但是，当我在我正在构建的页面中的代码块上执行 Accordion 时，它不会创建 Accordion 。代码如下:

<div id="accordion" class="panel-group">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">1. What is HTML?</a>
            </h4>
        </div></div></div>

所发生的只是显示带有链接的文本。

我做错了什么吗？

Answer 1

get_template_directory_uri() 返回父主题的目录。为了获得子主题目录，您应该使用 get_stylesheet_directory_uri()。

注意 get_stylesheet_directory_uri() 不包含尾部斜杠。

因此，在您的 wp_enqueue_* 行中，将 get_template_directory_uri() 换成 get_stylesheet_directory_uri() 并且您不应该再有 404 提供的其余部分文件路径正确，文件确实在服务器上。