wordpressでswiperが実装できない

Question

前提・実現したいこと

wordpressでswiperを実装しようとしております。
色々サイトで調べてfonctions.phpにコードをまとめました。

発生している問題・エラーメッセージ

しかしエラーコードがでており、swiperが実装できません、

該当のソースコード

エラーコード

GET http://localhost/mentaC:xampphtdocsmenta/wp-content/themes/MENTA7php//unpkg.com/swiper/swiper-bundle.min.css?ver=1.0.0 net::ERR_ABORTED 403 (Forbidden)

<?php

wp_enqueue_style( 'style-name', get_stylesheet_directory(). '//unpkg.com/swiper/swiper-bundle.min.css', array(),  'all' );

if(is_admin()) return;
   wp_deregister_script( 'jquery'); 

  wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js', array(), '3.6.0', true);
  wp_enqueue_script(  '//unpkg.com/swiper/swiper-bundle.min.js', array(), true);
	wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/swiper.js', array( 'jquery' ), '1.0.0', true );

試したこと

function.phpだけではなく、header.phpやfooter.phpにも入れてみたが、動きません。
何かコードがたりないでしょうか？

補足情報（FW/ツールのバージョンなど）

Answer 1

何度か、wordpressにSwiper.jsを実装しておりますが、現状も問題なく動きますよ。
一つ質問ですが、swiper-bundle.min.jsはテーマ内に保存されているのでしょうか？
格納されていないのであれば、パスが間違っているかと思います。

wp_enqueue_script( 'swiper-script','https://unpkg.com/swiper/swiper-bundle.min.js', [],null, true);

CSSも同様ですね。
wp_enqueue_style('swiper-css','https://unpkg.com/swiper/swiper-bundle.min.css', []);

Answer 2

エラーメッセージからhttp://localhost/mentaC:xampphtdocsmenta/wp-content/themes/MENTA7php//unpkg.com/swiper/swiper-bundle.min.css
これがおかしいと指摘されています。

wp_enqueue_style( 'style-name', get_stylesheet_directory(). '//unpkg.com/swiper/swiper-bundle.min.css', array(),  'all' );

二重スラッシュ//unpkg.comやこちらを見直してみては如何でしょうか？

Comments

[northvillage]

ありがとうございます。

上記方法を試しても動かなかったので、
header.phpに下記コードをべた付けしたら、エラー表示はなくなりました。
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />

しかし、swiperは動きません。

静的では動いたのですが、wordpressとswiperの相性が良くないのでしょうか？