Slickがwordpressで反映されない

上記のサイトにてslickを用いてトップページにスライドショーを導入したが、
真っ白になり下のドットだけ動くという状態になりました。

一度html,cssで動作確認してやったんですがこういう結果になりました。
間違いがあれば指摘して頂けると嬉しいです。
宜しくお願いします。

slickはファイル読み込みもしており
必要なファイル（fontフォルダなど）は
wordpress内に入れてあります。」

header.php

html
1	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0">
2	<title><?php wp_title( ' lp ', true, 'right' ); ?></title>
3	<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">
4	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
5	<!--font-awesome-->
6	<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
7  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/slick.css">
8  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/slick-theme.css">

index.php

html
1<ul class="slider">
2  <li>
3<img src="<?php echo get_template_directory_uri(); ?>/images/main_visual01_pc.jpg" alt="">
4  </li>
5  <li>
6<img src="<?php echo get_template_directory_uri(); ?>/images/main_visual02_pc.jpg" alt="">
7  </li>
8  <li>
9<img src="<?php echo get_template_directory_uri(); ?>/images/main_visual03_pc.jpg" alt="">
10  </li>
11
12</ul>

footer.php

html
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
2 <script src="<?php echo get_template_directory_uri(); ?>/slick.min.js"></script>
3<script>
4	jQuery(function() {
5jQuery('.slider').slick({
6    autoplay:true,
7    autoplaySpeed:1500,
8    dots:true
9 
10});
11	});
12</script>
13