Как подключить jQuery к шаблону WordPress

Для работы jQuery скриптов на сайте необходимы соответствующие библиотеки. Но к счастью, в состав Worpress уже включены все необходимые библиотеки и для работы вам просто нужно их подключить в своей теме. В этой статье я расскажу как это сделать быстро и правильно.

Как в WordPress подключается jQuery

В WordPress библиотека jQuery подключается автоматически, если в своем шаблоне у вас есть следующий php код в секции HEAD:

<?php wp_head(); ?>

Регистрируем jQuery в WordPress правильно

Чтобы автоматическое подключение библиотеки jQuery из состава WordPress произошло, вам необходимо в файл functions.php вашей темы добавить следующие строки:

function theme_scripts_method(){
    wp_enqueue_script( 'jquery');
}

add_action( 'wp_enqueue_scripts', 'theme_scripts_method' );

Проверка загрузки jQuery

Если вы все сделали правильно, то в исходном коде вашего сайта (нажмите [ctrl] + [u] в браузере) в секции HEAD вы должны увидеть подобные строки:

<script type='text/javascript' src='https://sitename.tld/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='https://sitename.tld/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>

Благодарности

При написании статьи были использованы следующие источники:

1. https://toster.ru/q/119881
2. https://codex.wordpress.org/Справочник_по_функциям/wp_enqueue_script