javascript - 如何在 WordPress 中包含我自己的 javascript 文件？

Question

我喜欢将自己的 Javascript 包含到我的 WordPress 网站中。
当我将 Javascript 文件的链接放入 Header.php 中时，我没有任何更改。
有人知道如何让我的 JavaScript 工作吗？

我尝试使用页眉和页脚插件来编辑页眉并包含我的脚本，但它仍然不起作用。

Answer 1

这是使用名为 wp_register_script 的 WordPress 函数完成的，以下是根据 WordPress Codex 的用法:

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

您可以将其放入functions.php 文件中。那么这些变量是什么？我们每次都需要它们吗？ (这在 Codex 页面上有介绍，所以我会简短地使用简单的英语)

• $handle – 您将用来在任何地方引用此特定脚本您可能需要将其排入队列，并且必须包含此变量至少
• $src – 插件或主题中源文件的路径
• $deps – 包含您的任何其他脚本的 $handle 的数组脚本需要运行(即依赖项)
• $ver – 脚本的版本号，可用于缓存清除。默认情况下，WordPress 将使用自己的版本号作为脚本的版本号
• $in_footer – 您希望脚本加载到页脚中吗？设置这个为真或为假。默认为 false，因此会加载到 header 中wp_head() 在哪里，如果指定 true 它将加载到哪里wp_footer() 出现在主题中

这是加载自定义脚本的最基本示例:

function wptuts_scripts_basic()
{
    // Register the script like this for a plugin:
    wp_register_script( 'custom-script', plugins_url( '/js/custom-script.js', __FILE__ ) );
    // or
    // Register the script like this for a theme:
    wp_register_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js' );

    // For either a plugin or a theme, you can then enqueue the script:
    wp_enqueue_script( 'custom-script' );
}
add_action( 'wp_enqueue_scripts', 'wptuts_scripts_basic' );

首先，我们注册脚本，以便 WordPress 知道我们在说什么。无论我们是在编写插件还是主题，查找 JavaScript 文件路径的方法都是不同的，因此我在上面都提供了示例。然后我们将其排队，以便在生成页面时将其添加到 HTML 中，默认情况下，在主题中 wp_head() 所在的位置。

我们从这个基本示例中得到的输出是:

<script type="text/javascript" src="http://yourdomain.com/wp-content/plugins/yourplugin/js/custom-script.js?ver=3.3.1"></script>