Пытаюсь перенести HTML сайт на Wordpress.
В коде использовал слайдер
unslider.com<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="js/unslider-min.js"></script>
<script>
jQuery(document).ready(function($) {
$('.my-slider').unslider({
autoplay:true,
arrows:false,
});
});
</script>
<script>
function setEqualHeight(columns) {
var tallestcolumn = 0;
columns.each( function() {
currentHeight = $(this).height();
if(currentHeight > tallestcolumn) { tallestcolumn = currentHeight; } } );
columns.height(tallestcolumn);
}
$(document).ready(function() { setEqualHeight($(".content-description")); });
</script>
Пытаюсь подключить css и js через functions.php
<?php
function register_style() {
wp_register_style('biruang_style', get_template_directory_uri() .
'/style.css');
wp_enqueue_style('biruang_style');
wp_register_style('unslider_css', get_template_directory_uri() .
'/css/unslider.css');
wp_enqueue_style('unslider_css');
wp_register_style('unslider-dots_css', get_template_directory_uri() .
'/css/unslider-dots.css');
wp_enqueue_style('unslider-dots_css');
}
add_action('wp_enqueue_scripts', 'register_style' );
function load_my_script() {
wp_register_script('jquery',
'http://code.jquery.com/jquery-2.1.4.min.js');
wp_enqueue_script('jquery');
wp_register_script('jquery_unslider', get_template_directory_uri() .
'/js/unslider-min.js', array ('jquery'), null, false);
wp_enqueue_script('jquery_unslider');
}
add_action('wp_enqueue_scripts', 'load_my_script' );
?>
CSS заработал но JS нет. Слайдер отображается как три картинки одна под другой
Помогите решить эту проблему. Я новичок в этом, только учусь