如何在wordpress中包含我自己的javascript文件?

时间:2016-12-13 09:43:33

标签: javascript html wordpress

我喜欢将自己的Javascript包含在我的wordpress网站中 当我把链接放到我的Header.php里面的Javascript文件时,我没有任何变化 任何人都知道如何让我的JavaScript工作?

我尝试使用页眉和页脚插件来编辑标题并包含我的脚本,但它仍然无效。

1 个答案:

答案 0 :(得分:2)

这是使用名为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,因此它会在标头中加载 其中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>