Как добавить тег скрипта в разделе head в тему WordPress в cpanel?

Question

Я пытался добавить тег script в тему WordPress, что кажется простой задачей, но это не помогает!

Я редактирую файл header.php в разделе wp-content> themes> them_name - header.php

Когда я добавляю тег script и пытаюсь перезагрузить страницу, я не вижу тег script в разделе заголовка.

Я даже очистил кеш браузера, который предлагался в интернете.

Пожалуйста, предложите мне несколько вариантов, так как я не эксперт по WordPress.

Спасибо

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