■ スライダーは 完成図を親テーマに入れて、もっとフォルダ名ですぐどれかわかるようにする 親テーマはあくまで保管庫として、 実際は子テーマに入れて改造してはどうか？ どうせ、全く同じでは対応できないため 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の分岐？
