如何在functions.php(wordpress)中加载bootstrap脚本和样式？

Question

我将bootstrap主题转换为wordpress.现在,我在加载引导脚本和样式时遇到问题.这是我在functions.php中的代码

   function wpbootstrap_scripts_with_jquery()
    {

        // Register the script like this for a theme:
        wp_register_script( 'custom-script', get_template_directory_uri() . '/js/bootstrap.js', array( 'jquery' ) );
        wp_enqueue_script( 'samplejs', get_template_directory_uri() . '/js/jquery.min.js', array( '' ) );
            wp_enqueue_script( 'samplejs', get_template_directory_uri() . '/js/clean-blog.min.js', array( '' ) );
        // For either a plugin or a theme, you can then enqueue the script:
        wp_enqueue_script( 'custom-script' );
    }

add_action( 'wp_enqueue_scripts', 'wpbootstrap_scripts_with_jquery' );

我在我的标题中添加这个

<?php wp_enqueue_script("jquery"); ?>

其他问题:wp_register和wp_enqueue有什么区别？请帮我.我是初学者使用bootstrap.

Answer 1

你需要做的就是将它们排队.另外,我建议摆脱你的jquery导入(第二个wp_enqueue).WordPress默认包含jQuery,你已经将它包含在第一个脚本中(因为你已将它列为依赖项).这是一个例子,但是这会将jquery排队两次(本机jquery和引导程序jquery):

function wpbootstrap_scripts_with_jquery()
{
    // Register the script like this for a theme:
    wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/bootstrap.js', array( 'jquery' ) );
    wp_enqueue_script( 'bootstrap-jquery', get_stylesheet_directory_uri() . '/js/jquery.min.js' );
    wp_enqueue_script( 'blog-scripts', get_stylesheet_directory_uri() . '/js/clean-blog.min.js' );
}

add_action( 'wp_enqueue_scripts', 'wpbootstrap_scripts_with_jquery' );

在排队之前需要注册脚本的唯一原因是,其中一个脚本是依赖项.来自文档:

wp_register_script()在WordPress中注册一个脚本文件,以便稍后使用wp_enqueue_script()函数链接到页面,该函数可以安全地处理脚本依赖项.

使用wp_register_script()预先注册的脚本不需要使用wp_enqueue_script()手动排队,如果它们被列为排队的另一个脚本的依赖项.WordPress将自动包含已注册的脚本,然后它包含排队的脚本,该脚本将注册脚本的句柄列为依赖项.