在wordpress核心中加载css和js文件

Question

我想在我的WordPress installation包含bootstrap。 我知道如何在主题中包含脚本和样式，但这不是我想要的。

我查看了WordPress核心文件，并尝试将bootstrap文件添加到script-loader.php文件中，但不会加载它们。 有没有办法将这些文件添加到WordPress核心加载的样式和脚本？

例如，我已将此行添加到默认的wordpress样式表/脚本加载器函数中：

$styles->add( 'bootstrap', "/includes/css/bootstrap$suffix.css" );
$scripts->add( 'bootstrap', "/includes/js/bootstrap$suffix.js", array( 'jquery' ) );

但这不行。

Answer 1

我会通过改变你当前主题中的functions.php来做到这一点。 您应该了解两个功能。 第一个是添加CSS。

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

文档

第二个是添加JS

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer);

文档

Wordpress有一个关于如何做到这两点的基本文档：

文档

最终你会有这样的事情：

function add_theme_scripts() {
  wp_enqueue_style( 'style', get_stylesheet_uri() );

  wp_enqueue_style( 'slider', get_template_directory_uri() . '/css/slider.css', array(), '1.1', 'all');

  wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);

    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
      wp_enqueue_script( 'comment-reply' );
    }
}
add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );

祝好运！