ブログのデザインテンプレートを少し編集しました。
ブログは一般的に「2カラム」か「3カラム」形式が多いですが、
私は3カラムを好みます。
3カラムのメリットは少ないスペースに多くの情報を載せられる点ですが、2カラムに比べてややごちゃごちゃしちゃうのが難点。
2カラムの場合は見た感じはすっきりしますが、下に長くスクロールしないと全貌が見えなかったりするのがデメリット。
私の場合、左側の列に関連した他サイトへのリンク、真ん中がメインの記事、右側の列に最新記事の履歴、カテゴリや月間別記事など記事に関係した情報を置いてます。
今までは
左側の地色はリンク部分は黄色でそのほかはダークグリーン、
右側の地色はグリーンにし、
真ん中の記事部分のみ白地にすることで記事部分を際立たせてメインとわかりやすくしていました。
しかし、このデザインだと左右側面のカラムと記事との関連性が良く分からないんではないかな、と気が付いたのです。
そこで、メインの記事に関連している右側面のカラムを記事と同じ白地にして関連性を強めてみました。
少しは分かりやすくなったかな?
また、微妙な調整ですが左右カラムの幅を少し狭めてその分中央のメイン記事部分の幅を広げました。これによって幅400pxlサイズの画像がアップできるようになりました♪いままでは400pxlの画像をアップすると真ん中の幅に収まりきれずデザインが崩れてしまうのでずっと最大幅300pxl画像にしていたんです。
ブログやCSSについては素人ですが素人なりにあがいているいくらでした。
ブログのデザインを見やすく
Webライフ
コメント