如何将自己的JavaScript文件包含在WordPress中

Question

我喜欢在我的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页面上介绍的，所以我会简短并使用普通的英语）

• $ hander - 您将在任何地方用来参考此特定脚本您可能需要加入它，并且必须包括此变量至少
• $ src - 插件或主题中源文件的路径
• $ deps - 一个包含$ hander的数组脚本需要运行（即依赖项）
• $ ver - 您的脚本的版本号，可用于缓存。默认情况下，WordPress将使用自己的版本号作为脚本的版本号
• $ in_footer - 您是否希望您的脚本加载在页脚中？设置此对还是错。默认情况下是错误的，因此它加载在标题中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>