ブログのテーマをいじった

tl;dr

このブログのテーマは Hatena Blog のオフィシャルテーマを色々と試してきたけど, なかなかしっくりとくるテーマがなくて試行錯誤していたところ, CSS をいじることでやっとしっくりきたのでメモっておく.

テーマ

テーマは Report というテーマ.

blog.hatena.ne.jp

シンプルでとても良いんだけど, 記事本文を書く幅が狭いので, 以下の記事を参考に CSS で広げた.

www.sukinamonote.com

実際に利用した CSS は以下の通り.

/* <system section="theme" selected="report"> */
@import "/css/theme/report/report.css";
/* </system> */
#container {
width: 1080px; /* 全体の幅 */
margin: 0 auto; /* 真ん中に表示 */
}
#wrapper {
width: 820px; /* 記事部分の幅 */
float: left; /* 記事を左に表示 */
}
#box2 {
width: 200px; /* サイドバーの幅 */
float: right; /* サイドバーを右に表示 */
font-size: 14px; /* 文字の大きさ */
} 

CSS はよく解っていないので, 上記の記事からコピッペして width の値をチョコチョコとプレビューしながら調整する感じ.

いい感じ

適用前と適用後の違い.

適用前.

適用後.

だいぶん横幅が広がった.

しばらくはこれで.