入口 > テンプレ - カスタマイズ > 記事エリアの幅を変える

記事エリアの幅を変える

デフォルトでは記事内有効幅640pxとなっていますが、普段書く文章の長さや置きたい画像の大きさによって欲しい幅は変わってくると思います。下記の方法で調整してください。
テンプレスタイルシートを「内容幅」で検索すると、割と初めの方の↓この部分がヒットすると思います。
ここの赤字の数値を変えてください。

/*** 入口以外ページ配置 ***/
#not_index_area { width: 800px/*記事エリア幅*/; margin: 0 auto; padding: 50px 20px; }
.topentry { width: 80%/*記事内容幅(640px)*/; margin: 0 auto; padding-top: 50px; text-align: left; }

赤字「800px」は記事を入れているボックスの幅です。今より幅を広くしたいというときはこの数字を増やし、狭くしたければ減らしてください。

このボックスのうち、実際に字が書けたり画像が置けたりするのはピンク背景部分で指定している「80%」で、つまりデフォルトだと「800px×80%=640px」という仕組みになっています。(赤字のとこさえ変えれば後が連動するように、こんな指定にしています。)
ですから、例えば幅600pxの画像をアップしたいと思われたら、赤字はその1.25倍=「750px」にすればOKです。有効幅が720px欲しければ赤字は「900px」、800px欲しければ「1000px」に書き換える形になります。

こういう計算がめんどくさければ、ピンク背景部分も適当にピクセル指定しちゃってください。
2012-06-30