swiper 記載　増えすぎるから　まとめ

まず、

swiper 複数使うときの　まとめ　扱いやすく　マスター　苦手意識　消す

この記事のように

基本

<div class="youtube_swipwe_wrap">
<div class="swiper_wrap_wrap">
    <div class="swiper swiper_youtube">
  <!-- 必要に応じたwrapper -->
  <div class="swiper-wrapper">
    <!-- スライド -->
    <div class="swiper-slide">

このように 大外にクラスをかいて（youtube_swipwe_wrap）

swiper というところに　どのスワイパーか（swiper_youtube）書いて（これで、jsでコントロール）

基本のCSSは　swiper-slide　とかで効いているから

 

.youtube_swipwe_wrap  swiper-slide　などと、cssを変更して　調整する

 

f3インポートcssに

@import "../2_head/swiper/swiper_youtube.less"; //スワイパーyoutube
@import "../2_head/swiper/swiper_roop_gallery.less"; //スワイパー　ループギャラリー
@import "../2_head/swiper/swiper_gallery4.less"; //スワイギャラリー4 まるせ作成　js手動で４個まで記載

@import "../2_head/swiper/swiper_gallery_auto01.less"; //スワイギャラリー飾り等速

こうやってかいてあって　いらんなら　コメントアウトすべし

コメントアウトできるようにわかりやすく

 

3_css_js_foot.phpでｊｓの設定を読み込ませており、

そちらも利用していないのであれば、消すべきかも