wordpressにswiperを反映される方法

Question

wordpressでswiperを反映させたいのですが、以下のようにコードを書いたのですが、反映されなくて、、
もしお時間ありましたら確認お願いしたいです。。

 <div class="swiper-container">

  <div class="swiper-wrapper">
    <!-- ここに表示したいスライド（これは３枚分） -->
    <div class="swiper-slide">スライド 1</div>
    <div class="swiper-slide">スライド 2</div>
    <div class="swiper-slide">スライド 3</div>
  </div>

  <!-- ページネーションが必要な場合は設置 -->
  <div class="swiper-pagination"></div>

  <!-- 左右の矢印が必要な場合は設置 -->
  <div class="swiper-button-prev"></div>
  <div class="swiper-button-next"></div>
</div>

function my_swiper_styles() {
  wp_enqueue_style( 'swiper', get_template_directory_uri() . 'https://unpkg.com/swiper/css/swiper.min.css', array(), false, 'all');
}
add_action( 'wp_enqueue_scripts', 'my_swiper_styles');
function my_swiper_scripts() {
  wp_enqueue_script( 'swiper', get_template_directory_uri() . 'https://unpkg.com/swiper/js/swiper.min.js', array(), false, true );
}
add_action( 'wp_enqueue_scripts', 'my_swiper_scripts');