@angry_yum

Как включить slick slide в wordpress?

Здравствуйте. Можете подсказать, или ткнуть где можно почитать, как включить slick slide в wordpress. Ибо, я сделал макет, все нормально слайдер работает, но как только пытаюсь перенести верстку на WP, слайдер просто не включается и все. Извиняюсь, если вопрос тупой, ибо сам ничего найти не смог.
  • Вопрос задан
  • 4350 просмотров
Решения вопроса 1
azerphoenix
@azerphoenix
Java Software Engineer
Здравствуйте!
Все скрипты и стили подключаются через functions.php
Создайте папки css js fonts, закиньте туда стили и скрипты slick.
Откройте functions
добавьте код
// подключаем стили и скрипты
function register_styles_scripts() {
	//стили
	wp_register_style('style', get_template_directory_uri() .
		'/style.css');
	wp_enqueue_style('style');
	
	//скрипты
	wp_register_script('slick', get_template_directory_uri() .
		'/js/jquery.js');
	wp_enqueue_script('slick');
	
}
add_action('wp_enqueue_scripts', 'register_styles_scripts');


Также подключите скрипт самого слайдера для slick.
Если он не "заработает", то замените все $ на jQuery
или же оберните код в
$.noConflict();
jQuery( document ).ready(function( $ ) {
......
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Dashunia
Ещё можно учесть зависимость slick.js от jquery.js, для этого в папке темы WP-а functions.php, например:
// Подключаем jquery
wp_enqueue_script('my-jquery', get_template_directory_uri() . '/assets/js/jquery-3.2.1.slim.min.js');
// Подключая slick, учитываем зависимость от jquery
wp_enqueue_script('my-slick', get_template_directory_uri() . '/assets/slick/slick.js', array('my-jquery'), null, true);
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы