Question

我想将带有jQuery的JS脚本添加到Wordpress中的头文件中。它的功能是使每次单击页面时代表页面的元素的背景变暗。

我尝试通过插件和functions.php文件添加它。两种方法都不起作用。我在子主题的functions.php中插入了代码，即使删除了代码，也导致页面根本无法正常工作，因此我不得不通过备份来恢复网站。之后，我用wp_enqueue_script添加了一个功能，该功能也不起作用。幸运的是，删除代码后，我的网站再次正常工作。我没有通过header.php文件本身添加它，因为我读到它可能会导致网站出现问题。

所以我的问题是：是否可以将JS脚本链接到header.php？也许不使用functions.php？

编辑：添加了用于functions.php

的代码

function my_theme_scripts_function() {

wp_enqueue_script( 'myscript', get_stylesheet_directory_uri() . '/js/myscript.js');

}

add_action('wp_enqueue_scripts','my_theme_scripts_function');

我将get_template_directory_uri()替换为get_stylesheet_directory_uri()，因为我将其添加到了子主题中。我是从本教程中获得的：https://www.collectiveray.com/wp/tips/add-javascript-to-wordpress

Answer 1

您应该使用子主题的functions.php文件来防止更新覆盖您的更改。

回答您的问题wp_enqueue_script-查看第5个参数$in_footer，必须将其设置为true，这样您的脚本将被加载到标头中。

wp_enqueue_script( string $handle, string $src = '', array $deps = array(), string|bool|null $ver = false, bool $in_footer = false )

如何将JS脚本链接到我的头文件？

1 个答案: