今回の記事では、ブログデザインの基礎となるブログの横幅や、記事部分の横幅、サイドバーの横幅を変える方法をご紹介したいと思います。
記事の横幅や、サイドバーの横幅には適切なサイズが存在しますので、ぜひ参考にしてみてください。
はてなブログの横幅やサイドバーの幅を変える方法【はてなブログのカスタマイズ】
ブログの横幅やサイドバーの幅を変える方法
ブログ全体の横幅（#content）、記事部分の横幅（#main）、サイドバーの横幅（#box2）に、希望の数値を入れて、コピー&ペーストでCSSデザインに貼り付けてください。
#container #content {
width: 1200px; /*ブログ全体の幅*/
} #main {
width: 820px; /*記事部分の幅*/
float: left;
}
#box2 {
width: 300px; /*サイドバーの幅*/
float: right;
}
ブログ運営には2カラムがおすすめ
ブログ運営には基本的に2カラムがおすすめです。2カラムとは、記事部分と、サイドバーがあるデザインテンプレートのことで、記事部分だけのデザインテンプレートは1カラムと呼びます。
サイドバーがある2カラムであれば、サイト運営者の情報や、カテゴリー一覧、おすすめ記事や、新着記事などを載せることができるため、ブログを訪れたユーザーの回遊率を上げることができます。
最適なブログの幅とは？サイドバーは絶対に300px
このブログでは、画面の空白をなるべく少なくして、たくさんの情報が載せられるように、ブログ全体の幅を1200pxに設定してあります。また、サイドバーは、300×300の広告が載せられるように、300pxに設定しています。はてなブログで収益化を目指している方は、ひとまずサイドバーの幅を300pxに設定しておいた方が良いでしょう。
このブログで行ったはてなブログのカスタマイズ方法
当ブログで行ったカスタマイズ方法に関しては、下の記事でまとめています
