Stinger3 カスタマイズ - ブログ(サイト)の横幅のサイズを変更
2017/10/25
自分がカスタマイズしたものを忘れないようにメモ。
ブログの横幅のサイズを変更します。
Stingerの場合は横幅サイズが小さく、ページが狭い。
という記事を良く見かけるのですが、
自分ではあまりそのようには感じていなかったので、
変更する予定はまったくなかったのですが。。。
とある日、他のPCで自分のブログを見る機会があったので、
ちょっと見てみたところ、レイアウトがなんか自分のPCで見ているのと全然違うｗｗｗ
正直何もかもが小さいなぁ。。という印象。
そんなわけで、他の方ブログで書いているような横幅が狭い。
というのを実感したので修正することにしました。
サイズに関してはどのくらいにすれば良いのかは検討もつかず、
他のブログでみかけたものをマネしてサイズを決めました。
修正自体はやっぱりstyle.cssを修正する。
という感じでしたので、下記メモを投稿しました。
style.cssの下記部分を修正。
●メイン記事の横幅の変更
#wrap #wrap-in #main {
float: left;
width: 550px;
padding-right: 39px;
padding-left: 39px;
padding-top: 20px;
border: 1px solid #ccc;
background-color: #FFF;
border-radius: 4px 4px 4px 4px;
padding-bottom: 20px;
}
自分はwidth: 550px;を670pxとしました。
●コンテンツ全体の横幅の変更
#header-in, #wrap-in, #navi-in, #footer-in, #gazou-in {
width: 986px;
margin-right: auto;
margin-left: auto;
}
自分はwidth: 980px;を1110pxとしました。
この設定で自分の小さなノートPCで見ると、
横に関してもスクロールバーがあったりしてちょっと見づらい。。
という印象があるにしても、
大きなPCで見るとこれがジャストサイズなのかなぁ。
という感じにも捉えられるので、
とりあえずこのサイズにしておきましたが、
またリサイズすることもあるかもしれないですｗｗｗ