SIMPLESTERのカスタマイズ【サイドバーの幅を336⇒300に変更】

simplester
サイドバー幅変更 のコピー

simplester ver4のサイドバーの幅を変更しました。PC表示のデフォルト幅は336pxです。現在のブログのサイドバーの状況は以下。

  • レクタングル大(336×280)は設置していない
  • スカイスクレイパー大(300×600)を設置
  • 他の広告はスマホとの出し分けが面倒なので基本300px幅

ということで、全体の横幅をそろえてスッキリさせました。

スポンサーリンク

SIMPLESTERのCSSを編集

変更するのはSIMPLESTERのスタイルシートだけです。

横幅の調整と、それに合わせてマージンなども変更します。数字を3カ所変更 すればOK。

【変更前】

【変更後】

これでスッキリ。

スマホ・タブレットなどはそのままでも影響が無いはず。あと、サイドウィジェットなども%で指定してあるので自動的に300pxに調整されてると思います。

まとめ

見た目がキレイになったので、広告効果もアップしてくれることを期待!

何か問題あったら教えてください。

スポンサーリンク

ご購読ありがとうございます。