日: 2025年12月31日

■　スライダーは 完成図を親テーマに入れて、もっとフォルダ名ですぐどれかわかるようにする
親テーマはあくまで保管庫として、
実際は子テーマに入れて改造してはどうか？

どうせ、全く同じでは対応できないため
lessは必ず変更になる。
スタート地点で作ったやつからスタートすればカスタムは早い

ただ、今あるスライダーのサンプルをすっと見たいが、今はlessが１つのインポートで　チェンジすることで見れる様になっている
これをどうするか？

スライダーごとに、大枠で囲って　クラス名を変えて、 less自体も　大枠で囲って、同じクラスでも、他のクラスが影響されないようにするか？





swiper 多分full 会社バナー用とかはいってるな

less を　css化して、分岐で選択させる
改造する際は、チルド　同じフォルダのphp cssを改造する

結局

色々回って回ってやった事。

less を　vscodeでコンパイルする

Easy LESS　をインストール

デフォルト設定でコンパイルを辞める

settings.json

//less の自動コンパイル　止める　　Easy LESS
"less.compile": {
  "out": false
},

VScodeでsettings.jsonが見つからない場合参考記事

https://qiita.com/magatama/items/17311a325a0586d4cba2

 

コンパイルさせるlessにて

// out: true 
// Easy LESS //一行目にいる
// このlessでコンパイルするのだから、完結する必要ある・ 外にある設定は使えない　コンパイルできない
@charset "utf-8";

これを一行目にいれる
必要なのは

// out: true

これのみ

他のオプショイン

https://marketplace.visualstudio.com/items?itemName=mrcrowl.easy-less

例

// out: "../dist/app.css", compress: true, sourceMap: false

 

cssの分岐

<?php 
$contorol_slider =  get_field("contorol_slider",$site_con_id);//スライダーの選択

if($contorol_slider == 'FULL_動画'): ////////////////////////////////////////// ?>
     <?php $file_pass = '/2_slider/slider_g_mov/swiper_slider_g.css';//ファイルパス  
     //子テーマにcssあれば 
     $css_url = get_stylesheet_directory().$file_pass;  ?>
      <?php if (file_exists($css_url)):?>
       <link href="<?php echo get_stylesheet_directory_uri() .$file_pass?>?<?php echo filemtime( get_stylesheet_directory().$file_pass); ?>" rel="stylesheet" type="text/css" />
  <?php else: //　なければ親テーマ読み込む?>
      <link href="<?php echo get_template_directory_uri() .$file_pass ?>?<?php echo filemtime( get_template_directory().$file_pass); ?>" rel="stylesheet" type="text/css" />
   <?php endif; //END d_1_init.cssあれば 202509 FULL?>

   <?php  elseif($contorol_slider == 'UTM'): ////////////////////////////////////////// ?>
    
     <?php $file_pass = '/2_slider/slider_f_utm/swiper_slider_f.css';//ファイルパス  
     //子テーマにcssあれば 
     $css_url = get_stylesheet_directory().$file_pass;  ?>
      <?php if (file_exists($css_url)):?>
       <link href="<?php echo get_stylesheet_directory_uri() .$file_pass?>?<?php echo filemtime( get_stylesheet_directory().$file_pass); ?>" rel="stylesheet" type="text/css" />
  <?php else: //　なければ親テーマ読み込む?>
      <link href="<?php echo get_template_directory_uri() .$file_pass ?>?<?php echo filemtime( get_template_directory().$file_pass); ?>" rel="stylesheet" type="text/css" />
   <?php endif; //END d_1_init.cssあれば 202509 FULL?>
  



  <?php endif; //////////////////////////////////////////?>

これで書き換えるだけで　キャッシュクリア　子テーマに移動させた場合、そっちを自動で読み込む

後は swiperの分岐？