如何在顶部将脚本标签添加到cpanel中的wordpress主题?

时间:2018-11-01 13:25:28

标签: javascript php wordpress header

我试图在wordpress主题上添加一个脚本标签,这似乎很容易,但是没有成功!

我在wp-content> themes> them_name-header.php下编辑header.php文件

当我添加脚本标签并尝试重新加载页面时,在标题部分看不到脚本标签。

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

由于我不是wordpress专家,请为我提供一些选择。

谢谢

1 个答案:

答案 0 :(得分: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');

由于您的脚本需要asyncdata-key="abc123efg"属性,因此您还必须将此代码添加到functions.php中:

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);