Quantcast
Channel: ピースのAMEBLO CANTABILE
Viewing all articles
Browse latest Browse all 5032

XPの時代は終了 ブログを大きく見やすく変更 2013

$
0
0

2012年6月にブログの横幅を1020pxに変えました。

それでもパソコンのモニターも大きいものになったとはいえ
まだまだXPの1024pxの方もいるので自分のブログ幅も1020pxに抑えていたのですが
2014年4月9日にサポートは終了し時代が終わるので
思い切って1100pxにしてみようかなと。

スキン幅を広くし、文字を大きく見やすいものに変更

2013年11月の解像度割合

今回、行ったことは横幅を1020pxから1100pxへ変更し
伸ばした80px分、記事幅を広げて文字の大きさを13pxから15pxへ。
ヘッダーやヘッダー下リンク、コメント背景画像の長さ調整をしました。

文字が大きくなりかなり見やすくなったと思います。
※変わってないよという方はF5キーを押してみてください。

記事幅を伸ばしたおかげで650pxの大きい画像も載せられるようになったのがいいね。
今までアクセス解析のキャプとかはリサイズして載せてましたが
文字がにじんで汚くなってしまうという欠点があったけどそれもある程度解消されることに。

まああんまり大きな画像を載せてしまうと表示が遅くなるのであれですが
ずいぶん見やすいブログにはなるなと思います。

CSSは数字の編集がほとんどでしたが新しく追加したのがこちら。

/*記事下同じテーマと最新の画像記事の文字の大きさ*/
.entry h5,/*同じテーマと最新の画像のタイトル*/
#imageList{/*画像一覧へ*/
font-size:13px!important;
}
#themeBox li,/*同じテーマ記事リンク*/
#imageBox li{/*最新の画像の記事リンク*/
font-size:13px;
}


こちらの2つは記事の文字の大きさ変更の影響を受けてしまうので
単独でフォントサイズの変更を行いました。

自分の使ってるスキンは古いタイプのスタンダードなので新しい物には使えないと思います。
検索すれば新スキンでのCSS編集が出てきますので
そちらを参考にしてみてください。

その他は特に変わることなく今まで通り。
文字が大きくなったのでリンクなどを強調しなくてもよくなったのがいい。

ネット全体を見ても小さなモニターを使ってる人は5%以下とあったので
他のウェブサイトでも大きめのものに変更されていくでしょうね。
FirefoxとIEで確認しましたが表示的にも大丈夫でした。

しょこたんのブログもいい加減、800pxから広くすればいいのに。
せめて今主流の1000pxまで伸ばして大きい画像を載せてほしいです。

ウェブデザインコーディネートカタログ/技術評論社
¥2,604
Amazon.co.jp
■ランキングに参加中。
いつもポチがとうございます。
クリックして下さると10ポイントが入り喜びます。

ブログランキング・にほんブログ村へ 人気ブログランキングへ

Viewing all articles
Browse latest Browse all 5032

Trending Articles