WordPress如何在functions引入外部JS

WordPress如何在functions引入单个JS链接

在WordPress中，如果你想在functions.php文件中引入外部的JavaScript链接（即直接从CDN或其他外部资源加载的JavaScript文件），你可以使用wp_enqueue_script函数。这个函数允许你指定一个外部的URL作为脚本的来源。以下是一个简单的示例，展示了如何在functions.php中引入外部的JavaScript链接：

function my_theme_enqueue_scripts() {
    wp_enqueue_script(
        'external-script', // 句柄名称，在后续调用中使用
        'https://example.com/path/to/external-script.js', // 外部脚本的URL
        array(), // 依赖项数组，如果有的话
        null, // 版本号，如果留空则使用文件的修改时间戳作为版本
        true // 是否将脚本添加到页脚（在之前）
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_scripts' ); // 将函数绑定到wp_enqueue_scripts钩子

WordPress如何在functions引入多个JS链接

在WordPress的functions.php文件中，你可以使用wp_enqueue_script函数来引入多个外部JavaScript链接。这个函数允许你注册并排队脚本，以便在WordPress页面中安全地加载它们。

下面是一个示例，展示了如何在functions.php中引入多个外部JavaScript链接：

function my_theme_enqueue_scripts() {
    // 引入第一个外部JavaScript链接
    wp_enqueue_script(
        'script-one', // 句柄名称
        'https://example.com/path/to/script-one.js', // 脚本URL
        array(), // 依赖项（如果有）
        null, // 版本（可以为空或指定版本号）
        true // 在页脚加载
    );

    // 引入第二个外部JavaScript链接
    wp_enqueue_script(
        'script-two', // 另一个句柄名称
        'https://example.com/path/to/script-two.js', // 另一个脚本URL
        array('script-one'), // 依赖第一个脚本（如果适用）
        null, // 版本（可以为空或指定版本号）
        true // 在页脚加载
    );

    // 引入更多脚本...
}

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_scripts' ); // 将函数绑定到wp_enqueue_scripts钩子

在这个示例中，我们为两个外部JavaScript文件定义了不同的句柄名称（script-one和script-two），并分别指定了它们的URL。我们还指定了它们是否依赖于其他脚本（在array('script-one')中），以及它们是否应该在页脚加载（true表示在页脚加载）。

请注意，如果你有一个脚本依赖于另一个脚本（如jQuery或其他库），你需要将依赖项作为数组传递给wp_enqueue_script函数的第三个参数。在这个例子中，script-two依赖于script-one（尽管这只是一个示例，实际上这两个脚本可能并不真正相互依赖）。

最后，我们通过将my_theme_enqueue_scripts函数绑定到wp_enqueue_scripts钩子来确保这些脚本在适当的时候被加载。这样，当WordPress加载页面时，这些脚本就会被包含在生成的HTML中。