Как подключить 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>
Благодарности
При написании статьи были использованы следующие источники:
