如何在Wordpress中包含自己的JavaScript文件？

Question

我喜欢将自己的Javascript包含在我的wordpress网站中。
当我在Header.php中放置指向Javascript文件的链接时，没有任何变化。
有人知道如何让我的JavaScript工作吗？

我试图使用页眉和页脚插件来编辑页眉并包含我的脚本，但是它仍然无法正常工作。

Answer 1

这是通过使用名为wp_register_script的WordPress函数完成的，根据WordPress Codex的用法如下：

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

您可以将其放在functions.php文件中。 那么这些变量是什么，我们每次都需要它们吗？ （这已在“法典”页面上进行了介绍，因此我将做简短介绍，并使用简明的英语）

• $ handle –在可能需要排队的地方用来引用此特定脚本的内容，并且至少必须包含此变量
• $ src –插件或主题中源文件的路径
• $ deps –一个包含$ handle的数组，用于处理您的脚本需要运行的任何其他脚本（即依赖项）
• $ ver –脚本的版本号，可用于缓存清除。 默认情况下，WordPress将使用自己的版本号作为脚本的版本号
• $ in_footer –您是否要在脚注中加载脚本？ 将其设置为true或false。 默认情况下为false，因此它将加载到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>