Question

我在将wordrap添加到wordpress子主题时遇到了问题。

这就是它在子主题中看起来的文件夹： 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的inspect元素中没有从bootstrap中读取类和样式。

你能帮助我吗，非常感谢你！

Answer 1

要加载子主题的资源，请使用 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以获取更多信息。

无法在wordpress中导入bootstrap

1 个答案: