在wordpress中添加外部javascript文件

Question

我想在wordpress主题中添加多个外部javascript文件，我找到了添加一个文件的代码，但我需要添加更多的javascript文件。 我该怎么做？

function wpTan_scripts() {
   wp_register_script('app', '/js/app.js', false);
   wp_enqueue_script( 'app' );
}
add_action('wp_enqueue_scripts', 'wpTan_scripts');

Answer 1

您可以根据需要添加任意数量的脚本。

function themeslug_enqueue_script() {
    wp_enqueue_script( 'jquery-v-2', 'http://code.jquery.com/jquery-2.1.3.min.js', false );
    wp_enqueue_script( 'mycustomJs', 'file_name.js', false );
    // here you can enqueue more js / css files 
}

add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' );

Answer 2

为了更方便地将外部javascript文件添加到WordPress而没有任何问题，您可以将此代码添加到functions.php文件中：

如果您使用的是儿童主题：

 function theme_styles() {
    // Load custom jQuery
    wp_enqueue_script( 'my-jquery', get_stylesheet_directory_uri( ) . '/my-jquery.js', array('jquery'));
 } add_action( 'wp_enqueue_scripts', 'theme_styles' );

主题为：

function theme_styles() {
    // Load custom jQuery
    wp_enqueue_script( 'my-jquery', get_template_directory_uri() . '/my-jquery.js', array('jquery'));
 } add_action( 'wp_enqueue_scripts', 'theme_styles' );