如何在wordpress子主题中的functions.php上添加多个脚本？答案

【问题标题】：How to add multiple script on functions.php in wordpress child theme?如何在wordpress子主题中的functions.php上添加多个脚本？
【发布时间】：2018-03-17 20:03:07
【问题描述】：

我确实尝试将我的脚本放在 functions.php 中，但它不仅显示字体 awesome 和 all-script.js，而且其他脚本无法正常工作。我想再添加 5 个脚本。我怎么做。我想我在这里犯了一些错误。我不是编码员，所以我希望你们能理解。谢谢

 // 将我们本地提供的字体真棒样式表排入队列
函数 enqueue_our_required_stylesheets(){
    wp_enqueue_style('font-awesome', get_stylesheet_directory_uri() . '/assets/css/font-awesome.min.css');
    wp_enqueue_script（'脚本'，get_stylesheet_directory_uri（）。'/assets/js/all-script.js'）；
    wp_enqueue_script('script', get_stylesheet_directory_uri() .'//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js');
    wp_enqueue_script（'脚本'，get_stylesheet_directory_uri（）。'/libs/jquery/scrpt-1.js'）；
    wp_enqueue_script（'脚本'，get_stylesheet_directory_uri（）。'/libs/jquery/scrpt-2.js'）；
    wp_enqueue_script（'脚本'，get_stylesheet_directory_uri（）。'/libs/jquery/scrpt-3.js'）；
    wp_enqueue_script（'脚本'，get_stylesheet_directory_uri（）。'/libs/jquery/scrpt-4.js'）；
    wp_enqueue_script（'脚本'，get_stylesheet_directory_uri（）。'/libs/jquery/scrpt-5.js'）；
}
add_action('wp_enqueue_scripts','enqueue_our_required_stylesheets');

【问题讨论】：

标签： javascript php jquery wordpress

【解决方案1】：

试试这行代码：

function enqueue_our_required_stylesheets(){
   wp_enqueue_style('font-awesome', get_stylesheet_directory_uri() . '/assets/css/font-awesome.min.css'); 
   wp_enqueue_script( 'script-all', get_stylesheet_directory_uri() . '/assets/js/all-script.js');
   wp_dequeue_script( 'jquery' );
   wp_enqueue_script( 'script-jquery', get_stylesheet_directory_uri() . '//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js');
   wp_enqueue_script( 'script-1', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-1.js');
   wp_enqueue_script( 'script-2', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-2.js');
   wp_enqueue_script( 'script-3', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-3.js');
   wp_enqueue_script( 'script-4', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-4.js');
   wp_enqueue_script( 'script-5', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-5.js');
}
add_action('wp_enqueue_scripts','enqueue_our_required_stylesheets');

【讨论】：

【解决方案2】：

您需要为每个脚本使用唯一标识符（wp_enqueue_script 的第一个参数）。由于您在每种情况下都使用了script，因此 WordPress 会忽略除第一个之外的所有内容，认为它已经加载，并且加载两次是不明智的。

给他们一些有意义的名字，你就可以使用需求（第三个参数），例如告诉 wordpress 你正在加载的这个脚本需要 jQuery 和 OtherScriptOne。如果这些已注册（请参阅 Muhammed Hafil 的回答），它们将自动加载并插入到您添加的脚本之前。

【讨论】：

【解决方案3】：

您需要在使用它们之前注册脚本和样式，并且您应该为每个脚本和样式使用不同的句柄。正确的格式是

    function enqueue_our_required_stylesheets(){
        wp_register_style('font-awesome', get_template_directory_uri() . '/assets/css/font-awesome.min.css');
        wp_enqueue_style('font-awesome');
        wp_register_script('script', get_template_directory_uri(). '/assets/js/all-script.js');
        wp_enqueue_script('script' );

    }

注意：你不需要注册jquery，因为它是由wordpress自己注册的，你可以直接入队而不注册。你可以通过https://developer.wordpress.org/reference/functions/wp_register_script/#core-registered-scripts https://developer.wordpress.org/reference/functions/wp_register_script/#core-registered-scripts

浏览他们的法典中的 wp 注册脚本

【讨论】：