如何在cpanel的wordpress主题中添加头部的脚本标记

Question

我试图向wordpress主题添加一个脚本标记，这似乎是一项简单的任务，但没有成功！

我在wp内容>主题>主题名称-header.php 下编辑header.php文件

当我添加脚本标记并尝试重新加载页面时，我在页眉部分看不到脚本标记。

我甚至清除了互联网上建议的浏览器缓存。

请给我一些选择，因为我不是文字出版社的专家。

谢谢

Answer 1

常规

在WordPress中添加脚本的正确方法是使用wp_enqueue_script()

https://developer.wordpress.org/reference/functions/wp_enqueue_script/

将以下代码放入functions.php：

function custom_wp_enqueue_scripts() {
wp_enqueue_script('script-name', get_template_directory_uri() . '/path/to/script/name.js', array(), '1.0.0', false);
}
add_action('wp_enqueue_scripts', 'custom_wp_enqueue_scripts');

请注意，第五个参数是false。这会将脚本添加到头部，而不是主体的末尾。

您的具体案例：

function custom_wp_enqueue_scripts() {
wp_enqueue_script('web-manager', 'domain.tld/js/web-manager.min.js', array(), '1.0.0', false);
}
add_action('wp_enqueue_scripts', 'custom_wp_enqueue_scripts');

因为脚本需要async和data-key="abc123efg"属性，所以还必须将此代码添加到functions.hp:

function custom_script_loader_tag($tag, $handle, $src) {
if ('web-manager' === $handle) {
$tag = '<script type="text/javascript" async src="' . $src . '" data-key="abc123efg"></script>';
}
return $tag;
}
add_filter('script_loader_tag', 'custom_script_loader_tag', 10, 3);