bizvektorのcssをカスタムしようとすると、最初は戸惑いますw

なぜなら、style.cssの中身は、ほぼ空っぽ!

初めてbizvektorを使ったときは、

「どこにあんのさ??Σ(T□T)」

ってなりましたよ^^;

ブラウザのデベロッパーツール・開発者ツールで見れば分かると思いますが、デザインスキンによって、読み込まれるCSSが違います。

各スキン毎に読み込まれるcss

Default defo

design_skins/001/001.css

design_skins/plain/plain.css

css/bizvektor_common_min.css

Calmly  calmly

design_skins/002/002.css

css/bizvektor_common_min.css

Rebuild  rebuild

design_skins/003/003.css

css/bizvektor_common_min.css

プレーン  plain

design_skins/plain/plain.css

css/bizvektor_common_min.css

※css/bizvektor_common_min.css はContactForm7や関連記事、装飾関係など共通のcssです。
※各スキン毎に、旧バージョンIE用の***_oldie.css というのもあります。

さらに、動的css(キーカラー設定など)は、***_custom.phpが読み込まれます。

ざっくり言えば、ソースを見た時に、head内に記述されているcss。

デベロッパーツールで、”インライン”とか”index”とか、cssファイルではない表示になる部分です。

あと、ごく一部(需要がありそうなのは、メニューの分割幅)は inc/theme-options.php にあります。

 

cssをカスタムする際は、デベロッパーツールで

  • どこに記述されているのか
  • どれが優先されているのか

などなど、確認しながら作業しましょう!

 

 

bizvektorカスタマイズ

bizvektor header.php

bizvektor footer.php

bizvektor front-page.php

bizvektor index.php(カテゴリなどのアーカイブ)

bizvektor single.php

 

「bizvektorのcss・phpカスタムまとめ」へ