Есть разные способы подключения скриптов в WordPress.
Можно подключить скрипт сразу в шаблоне header.php. Пример:
|
1 2 3 |
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.2/jquery-2.1.1.min.js"></script> |
или наиболее правильный способ, это подключить через файл functions.php
Подключаем JQuery скрипты расположенные в папки /js активной темы WordPress, при этом, скрипт не будет подключаться в админ панели
|
1 2 3 4 5 6 7 |
//Подключим JQuery в футоре function myscript_jquery() { wp_enqueue_script( 'jquery_script', get_template_directory_uri() . '/js/jquery-3.4.1.min.js', '', '', true); } add_action( 'wp_enqueue_scripts', 'myscript_jquery' ); |
|
1 2 3 4 5 6 7 |
//Подключим JQuery в "шапке" header function myscript_jquery() { wp_enqueue_script( 'jquery_script', get_template_directory_uri() . '/js/jquery-3.4.1.min.js', '', '', false); } add_action( 'wp_enqueue_scripts', 'myscript_jquery' ); |
Если заменить в add_action ‘wp_enqueue_scripts’ на ‘admin_enqueue_scripts’, то скрипт будет подключаться только в админ-панели.
Если есть необходимость подключить внешний скрипт, то тогда указываем http/https адрес скрипта:
|
1 2 3 4 5 6 7 |
//Подключим JQuery с внешнего ресурса function myscript_jquery() { wp_enqueue_script( 'jquery_script','//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery-2.1.1.min.js', array('jquery') ); }; add_action( 'wp_enqueue_scripts', 'myscript_jquery' ); |
И еще один способ подключения скрипта.
Вначале регистрируем скрипт в wordpress, при этом, предположим, что у нас скрипт находится в каталоге плагина, который мы решили написать.
|
1 2 3 |
wp_register_script('test', plugins_url("js/script.js", __FILE__),'','',true ); |
Здесь мы регистрируем скрипт script.js, и предполагаем его подключить в футоре.
Теперь подключим сам скрипт:
|
1 2 3 4 5 6 |
function myscript_jquery() { wp_enqueue_script('test'); } add_action( 'wp_enqueue_scripts', 'myscript_jquery' ); |
