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

Question

[angry_yum]

Здравствуйте. Можете подсказать, или ткнуть где можно почитать, как включить slick slide в wordpress. Ибо, я сделал макет, все нормально слайдер работает, но как только пытаюсь перенести верстку на WP, слайдер просто не включается и все. Извиняюсь, если вопрос тупой, ибо сам ничего найти не смог.

Answer 1

[Орхан Гасанлы]

Здравствуйте!
Все скрипты и стили подключаются через 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( $ ) {
......
});

Comments

[Никита Ронзин]

вариант с заменой $ на jQuery помог, спасибо

Answer 2

[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);