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

时间:2018-11-12 11:26:32

标签: php wordpress bootstrap-4

我想在我的WordPress installation中加入引导程序。我知道如何将脚本和样式包括到主题中,但这不是我想要的。

我已经查看了WordPress核心文件,并尝试将引导文件添加到script-loader.php文件中,但不会加载它们。有什么方法可以将这些文件添加到WordPress核心加载的样式和脚本中?

例如,我已将以下行添加到默认的wordpress样式表/脚本加载器功能:

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

但这不起作用。

1 个答案:

答案 0 :(得分:2)

我可以通过更改当前主题中的functions.php来实现。 您应该了解两个功能。第一个是添加CSS。

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

Documentation

第二个是添加JS

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

Documentation

Wordpress拥有有关如何同时实现这两者的基本文档:

Documentation

最终您将拥有这样的东西:

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

祝你好运!