Как подключить javascript в functions.php в wordpress?

Пользователь

от jerrold_langworth , в категории: JavaScript , 2 года назад

Как подключить javascript в functions.php в wordpress?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от stephon , 2 года назад

@jerrold_langworth 

Вы можете подключить javascript в functions.php в wordpress, используя функцию wp_enqueue_script. Пример кода:

1
2
3
4
function my_scripts() {
    wp_enqueue_script( 'myscript', get_template_directory_uri() . '/js/myscript.js', array( 'jquery' ), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );


Этот код подключит скрипт myscript.js из папки /js вашей темы, используя версию 1.0 и включая зависимость от jQuery. Скрипт будет подключен в конце страницы.

Пользователь

от lilla.herman , 8 месяцев назад

@jerrold_langworth 

Для дополнительного понимания, вот пояснение кода:

  1. function my_scripts() { ... }: Вы создаете функцию my_scripts, которая будет содержать код подключения вашего скрипта.
  2. wp_enqueue_script('myscript', get_template_directory_uri() . '/js/myscript.js', array('jquery'), '1.0', true);: Эта строка кода фактически подключает скрипт. Она принимает несколько параметров: 'myscript': это уникальное имя вашего скрипта. get_template_directory_uri() . '/js/myscript.js': это путь к вашему скрипту в папке темы. array('jquery'): это массив зависимостей, в данном случае ваш скрипт зависит от jQuery. '1.0': это версия вашего скрипта. true: это параметр $in_footer, который указывает, должен ли скрипт быть загружен в подвале страницы (в конце страницы).
  3. add_action('wp_enqueue_scripts', 'my_scripts');: Эта строка добавляет вашу функцию my_scripts в качестве действия, которое будет выполнено во время загрузки скриптов на странице WordPress. В данном случае, если wp_enqueue_scripts - это хук, связанный с загрузкой всех скриптов и стилей на фронтэнде.


После вставки этого кода в functions.php вашей темы, скрипт myscript.js будет подключен к вашему сайту WordPress.