読者です 読者をやめる 読者になる 読者になる

35歳で会社員から教員に転職した酔いどれパパの備忘録

会社員から教員になるまでの苦労話、日々の現場で考えること、教員志望者に役立つ話、等。

はてなブログで記事エリアの幅を広げる

 はてなブログのデザインは基本的に気に入って使っています。しかし、個人的な感覚ですが表示幅が少し狭く感じたのでCSSをちょっと追加して記事の幅を広げました。 

「カスタマイズ」のデザインCSSに以下のように追加

 記事の幅を広げるには、CSSで記事幅を指定します。まず、はてなブログのダッシュボードから デザインカスタマイズデザインCSSで追加することができます。

/*レイアウト幅*/
#container {
width: 870px;
}
#main {
width: 600px;
}

 containerのwidthは、記事エリア・サイドバーを含めたの全体の横幅になります。そして、mainのwidthは、記事エリアの幅になります。

 あくまで個人的な感覚ですが、デフォルトよりも窮屈感が和らいだような気がします。

 

広告を非表示にする