WordPressのBizVektorのソースコードを編集してサイトのカスタマイズ。ヘッダーエリアのメニューバーと記事エリアの記事冒頭位置の間の幅を変える方法を記載します。

上のメニューバーと記事タイトルの幅を修正します。これはWordpress、BizVektorではなく、私が使用しているBizVektor用拡張プラグイン「Neat」独自のものかもしれません。そのため、修正するのは管理画面のプラグイン編集画面にてbiz-vektor-neat/css/neat.cssを修正することになります。

修正するのはbiz-vektor-neat/css/neat.cssの以下の場所。Ctrl+Fで検索して該当箇所を見つければOKです。

  .innerBox, #gMenu #gMenuInner.innerBox { width: 950px; margin: 0px auto; }
  #header .innerBox { padding-top: 10px; }
  #main #container { padding-top: 30px; }
  #main #container #content { float: left; width: 640px; }

このソースの#main #container指定のピクセル指定の数字を変えます。例えば20pxにする場合は以下のとおり。

  .innerBox, #gMenu #gMenuInner.innerBox { width: 950px; margin: 0px auto; }
  #header .innerBox { padding-top: 10px; }
  #main #container { padding-top: 20px; }
  #main #container #content { float: left; width: 640px; }

これで以下のとおりサイト名ロゴの上下の幅が指定どおりになります。