Подключение js в functions.php в Wordpress

Weblady · 2020-03-18T17:28:35.0000000Z

Добрый день! Были добавлены скрипты в теме в файле footer.php под кодом <?php wp_footer(); ?> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/bootstrap.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.flexslider.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.easytabs.min.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/easytabs-settings.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.magnific-popup.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/link-scroll.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/popup-setting.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/countdown.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/owl.carousel.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/owl.carousel.min.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/owl-settings.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/settings.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/forms.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/modernizr-2.6.2.min.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.zoomslider.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.zoomslider.min.js"></script> <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/share.js"></script> Правильнее подключать js в файле functions.php, сделала вот так: function my_scripts_method() { wp_enqueue_script( 'jquery', get_template_directory_uri() . '/js/jquery.js' ); wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.js', true ); wp_enqueue_script( 'jquery.flexslider', get_template_directory_uri() . '/js/jquery.flexslider.js', true, array('jquery') ); wp_enqueue_script( 'jquery.easytabs.min', get_template_directory_uri() . '/js/jquery.easytabs.min.js', true, array('jquery') ); wp_enqueue_script( 'easytabs-settings', get_template_directory_uri() . '/js/easytabs-settings.js', true ); wp_enqueue_script( 'jquery.magnific-popup', get_template_directory_uri() . '/js/jquery.magnific-popup.js', true, array('jquery') ); wp_enqueue_script( 'link-scroll', get_template_directory_uri() . '/js/link-scroll.js', true ); wp_enqueue_script( 'popup-setting', get_template_directory_uri() . '/js/popup-setting.js', true ); wp_enqueue_script( 'countdown', get_template_directory_uri() . '/js/countdown.js', true ); wp_enqueue_script( 'owl.carousel', get_template_directory_uri() . '/js/owl.carousel.js', true ); wp_enqueue_script( 'owl.carousel.min', get_template_directory_uri() . '/js/owl.carousel.min.js', true ); wp_enqueue_script( 'owl-settings', get_template_directory_uri() . '/js/owl-settings.js', true ); wp_enqueue_script( 'settings', get_template_directory_uri() . '/js/settings.js', true ); wp_enqueue_script( 'forms', get_template_directory_uri() . '/js/forms.js', true ); wp_enqueue_script( 'modernizr-2.6.2.min', get_template_directory_uri() . '/js/modernizr-2.6.2.min.js', true ); wp_enqueue_script( 'jquery.zoomslider', get_template_directory_uri() . '/js/jquery.zoomslider.js', true, array('jquery') ); wp_enqueue_script( 'jquery.zoomslider.min', get_template_directory_uri() . '/js/jquery.zoomslider.min.js', true, array('jquery') ); wp_enqueue_script( 'share', get_template_directory_uri() . '/js/share.js', true ); } add_action( 'wp_enqueue_scripts', 'my_scripts_method' ); После очистки кеша страница сайта не открывается видимо из-за неработающих скриптов. При просмотре исходного кода страницы ссылки на js верные. Помогите, пожалуйста, правильно подключить скрипты в functions.php

157

Weblady

18 марта 2020, 18:41

#11

Похоже, проблема была в другой версии jquery.js

Заменила /wp-includes/js/jquery/jquery.js на скачанный с гугла, всё заработало. Отключила стандартный jquery.js

Спасибо, что откликнулись!

1

T7

63

timo-71

18 марта 2020, 18:54

#12

webledi:
Напишите, пожалуйста, правильный код для функции подключения, и чтобы не дергать функцию много раз.

В переменную


<?php

  $_template_directory_uri = get_template_directory_uri();

  $_stylesheet_directory_uri = get_stylesheet_directory_uri();

/* результат функций в переменную */

?>

<script src="<?php echo $_template_directory_uri; ?>/js/jquery.js"></script><!-- jquery -->

<script src="<?php echo $_stylesheet_directory_uri; ?>/js/jquery.easytabs.min.js"></script><!-- Settings Js -->

webledi:
По обоим кодам показываются правильные пути к скриптам.

F12 в браузере -> сеть/network-> фильтр по js -> jquery - там покажет, что браузер получил.

Если правильные, то

timo-71:
Ну или jquery не той системы, $(...).func() не функция

----

Пока писал, вопрос решился. Ну и отлично.

1774

LEOnidUKG

18 марта 2020, 19:02

#13

timo-71:

Пока писал, вопрос решился. Ну и отлично.

Он ещё сюда вернётся :)

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/

S

469

Sitealert

18 марта 2020, 19:06

#14

webledi:
get_template_directory_uri() . '/js/jquery.js'

webledi:
Заменила /wp-includes/js/jquery/jquery.js

Похоже, правая рука не ведает, что делает левая.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

157

Weblady

19 марта 2020, 06:30

#15

Sitealert:
Похоже, правая рука не ведает, что делает левая.

Вместо моего jquery отображался стандартный из wp-includes. Попробовала заменить стандартный на мой, всё заработало. Отключила вывод стандартного jquery, стал отображаться мой.

Что делать, если ваша email-рассылка попала в спам

Вышел новый Яндекс Браузер с YandexGPT и YandexART