php - 无法在 wordpress 中导入 Bootstrap

Question

我在向 wordpress 子主题添加 boostrap 时遇到问题。

这是我的文件夹在子主题中的样子: http://i.imgur.com/vuOvYJ3g.jpg

并且有来自 css 文件夹的内容 http://i.imgur.com/AsQAi3r.jpg

在 function.php 中我试过这个:

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' );

但没有用，在 index.php 中我写了类 col-sm-3 并且在检查 Chrome 元素时没有从 Bootstrap 中读取类和样式。

你能帮帮我吗，非常感谢!

Answer 1

要加载子主题的 Assets ，请使用 get_stylesheet_directory_uri 函数而不是 get_template_directory_uri 函数。

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

add_action( 'wp_enqueue_scripts', 'theme_add_bootstrap' );

您还可以查看 WordPress Child Theme获取更多信息。