ブログの横幅が狭かったので広げた

今どきのブログで記事の横幅が650pxっていうのも狭い感じがしたので、900pxまで広げてみた。
ついでに全体の幅も広げてみました。

広げ方はCSSを編集するだけ、2カラム式で人気のWrittenってテーマを元にしたので、テーマによってはうまくいかないかもしれません。

方法

1. [トップメニュー]→[デザイン]をクリック。
2. サイドメニューの[カスタマイズ]タブをクリック。(レンチのようなアイコン)
3. デザインCSSに下記のコードを追加。

コード

#container {
    width: 1280px;
}
#container-inner {
    width: 1220px;
}
#content {
    width: 1220px;
}
#wrapper {
    width : 900px;
}
#main {
    width : 900px;
}
#main-inner {
    width : 900px;
}
#box2 {
    width: 280px;
}

2015/01/20追記

上記の方法だとレスポンシブデザインに対応できていなかったので下記のコードに変更しました。
@media screen and (min-width:1280px) {}
を入れその中に書くことでウィンドウサイズが1280px以上の時にしか効かなくなり、レスポンシブ対応できます。

コード

@media screen and (min-width:1280px) {
    #container {
        width: 1280px;
    }
    #container-inner {
        width: 1220px;
    }
    #content {
        width: 1220px;
    }
    #wrapper {
        width : 900px;
    }
    #main {
        width : 900px;
    }
    #main-inner {
        width : 900px;
    }
    #box2 {
        width: 280px;
    }
}