さて、みんな大好きレスポンシブWordPressテーマBizVektor(ビズベクトル)のカスタマイズの時間です♪

今回は、サイト全体の横幅を広げ、かつ、サイドバーをアドセンスなどで使い勝手の良い300pxに変えるカスタマイズをしようと思います。(右カラムでも左カラムでもOKと思われ)

以下、サイト全体の横幅を970px。サイドバーの横幅を300px。グローバルメニューの分割数が5の場合を想定したカスタマイズになります。その他の数値へカスタムする場合は、その数値への変更をお願いします。
なお、BizVektorのバージョンは1.8.13。デザインスキンはDefault。変更後のデモはこのブログになります。

スポンサーリンク

 

サイト全体の横幅を変更

対象ファイル

design_skins/plain/plain.css

変更箇所

ファイル全体に以下の順番で置換処理をします。

  1. 970px」を「990px」に置換
  2. 950px」を「970px」に一括置換

 

サイドバーの横幅を変更

対象ファイル

style.css

変更箇所

以下を追加します。

5行目の「calc(967px/5)」は970pxから3px引いて5で割っているのですが、グローバルメニューの分割数が5以外ならばその数値を入れてください。(分割数によっては減算する数字を微調整する必要あり)

 

以上!


このブログの現在の順位はこちら→∩(´∀`)∩