BizVektorのカスタマイズ

BizVektorのヘッダー画像はフレームで囲まれており、「外観」-「テーマオプション」メニューのデザインでDefaultを選択した場合、背景色にテーマカラーが適用されます。

ヘッダー画像の背景色はテーマカラーに

ヘッダー画像の背景色はテーマカラーに

この背景色の塗りつぶしを解除したり、ヘッダー画像の背景色を自由に設定するには、子テーマのstyle.cssなどに次のCSSを記述します。

#topMainBnr { background-color:white; }

ここでは背景色を白(white)に設定しているので次のようなデザインになります。

ヘッダー画像の背景色を白に設定

ヘッダー画像の背景色を白に設定

背景色を透明(transparent)にすれば、結果として背景色が「なし」になります。

#topMainBnr { background-color: transparent; }

表示結果は次のようになります。

ヘッダー画像の背景色を透明に

ヘッダー画像の背景色を透明に

背景色にテーマカラーを適用する設定自体は、bizvektor_themes/001/001_custom.php(デザインでDefaultを選択した場合)にPHPスクリプトで記述されています。

BizVektorバージョン1.0.0でbizvektor_themesフォルダはdesign_skinsフォルダに変更されています。
#topMainBnr { background-color:<?php echo $default_design_options['theme_plusKeyColor'] ?>; }

$default_design_options['theme_plusKeyColor']にテーマカラーの設定が格納されており、ヘッダー画像のbackground-colorに適用される仕組みです。抜本的にカスタマイズしたい場合は参考にしてください。

この記事をSNSで共有する
スポンサーリンク
WordPressでお困りのときはご相談を
細かい質問からCSSやPHPのカスタマイズ、トラブル対応まで、この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
WordPress個別サポートの特徴
  • 最短で本日中に問題解決できます
  • 見積もり無料・料金は終了後の後払いです
  • 銀座教室・スカイプ・出張またはメールで対応します
カスタマイズがうまくいかないときは
お急ぎのときはWordPressメールサポートで対応します。ご活用ください。
こんなときはご相談ください(相談・見積もり無料)
  • サイトのデザインをカスタマイズしたい
  • CSS・PHPのカスタマイズがうまくいかない
  • 引っ越し(サーバー移転)したい
  • サイトをSSL対応(https://)したい
WordPress個別サポートの連絡先

WordPress個別サポートへの問い合わせWordPress個別サポートの申し込み

関連記事

スポンサーリンク