wordpress でswiperを反映させることができない

https://tedate.jp/wp-tips/wordpress-with-swiperjs
上記の記事を参考にwordpressを反映させようとしたのですが、反映させることができません。
わかる方いたらよろしくお願いいたします。

php
1(反映させたい場所)
2<div class="service-example-content-sp">
3	<?php
4	$slideargs = array(
5  		'post_type' => 'post',
6  		'post_status' => 'publish',
7  		'orderby'  => 'rand',
8  		'order'  => 'ASC',
9  		'posts_per_page' => 5
10  		);
11  		$the_query = new WP_Query($slideargs);
12	?>
13	<div class="swiper-container">
14	    <div class="swiper-wrapper">
15	    <!-- スライダー用のループ -->
16	    <?php if ($the_query->have_posts()): while ($the_query->have_posts()): $the_query->the_post(); ?>
17	      <div class="swiper-slide m-slider-child">
18	        <div class="m-slider-desc">
19	          <?php if(has_post_thumbnail()): ?>
20	          <img src="<?php the_post_thumbnail_url('large'); ?>" alt="<?php the_title(); ?>">
21	          <?php endif; ?>
22	          <div class="m-slider-text">
23	            <p><?php the_title(); ?></p>
24	          </div>
25	        </div>
26	      </div>
27	    <?php endwhile; endif; ?>
28	    <!-- スライダー用のループ -->
29	    <?php wp_reset_postdata(); ?>
30	    </div><!-- pair of swiper-wrapper -->
31	    <!-- ページネーション用 -->
32	    <div class="swiper-pagination"></div>
33	    <!-- ナビゲーションボタン用 -->
34	    <div class="swiper-button-prev"></div>
35	    <div class="swiper-button-next"></div>
36	</div><!-- pair of swiper-container -->
37
38    
39	</div>

php
1(header.php)
2
3<head>
4
5	<meta charset="UTF-8">
6	<meta name="viewport" content="width=device-width, initial-scale=1.0">
7	<meta name="format-detection" content="telephone=no">
8
9	<title>TF-30</title>
10	<meta name="description" content="">
11
12	<meta property="og:title" content="TF-30">
13	<meta property="og:type" content="website">
14	<meta property="og:url" content="https://example.com/">
15	<meta property="og:image" content="https://example.com/img/ogp.png">
16	<meta property="og:site_name" content="TF-30">
17	<meta property="og:description" content="">
18	<meta name="twitter:card" content="summary_large_image">
19	<meta name="google-site-verification" content="tcrFGJw6jSmmCwPR4YowDN7Yc2v8762l7V2V9GBPHnY" />
20	
21	<link rel="stylesheet" href="./css/style.css">
22
23	<?php wp_head(); ?>
24    <link rel="icon" href="./img/icon-home.png">
25	
26	
27	
28	<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
29	<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
30	<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
31</head>

php
1(footer.php)
2	<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
3	<script src="./js/script.js"></script>
4	<script src="https://unpkg.com/swiper/swiper-bundle.js"></script>
5	<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>