ブロプー Blog

毎日暑いですね夏バテしてませんか
こんにちは！さいとうです
昨日うちのクーラーが１週間ぶりに復活して、汗だらだらの生活から開放されましたクーラーってすばらしいなぁと思いながら使っています

それでは、今回はブログのデザインを考えるときの注意点について書いていきます。
まず、ブログのデザインと一般的なWebサイトとのデザインで異なる点は、構造を考えてデザインしなければならない箇所が多いというところではないでしょうか

通常のWebサイト制作でも、縦幅（height）はコンテンツの量によって左右されるので、どれだけ縦に長くなってもいいように背景画像を考えて作りますが、ブログの場合はブログ全体の背景以外にも構造を考えてデザインしなければならない箇所があります

それは、メニュー内のプラグインと記事を囲んでいる枠です。プラグインと記事を囲んでいる枠は、何度も繰り返し使用され、縦幅がコンテンツの量によって変わってきます

例えば、プラグインのタイトルの背景をこのような画像にしたとします。

プラグインタイトルの文字数が少ない場合は問題ないのですが、文字数が多い場合は、画像からはみ出してしまいます

CSSで横幅を指定して黒い線の外にはみ出さないようにすると、今度は文字が２列になり、下側がはみ出してしまいます

このような状態を回避するために、文字数が多くなっても良いように作らなければなりません。
右の図のように画像を３つにわければ、文字数がどんなに増えようと、真ん中の背景画像が繰り返されるので、文字が画像からはみ出すことがなくなります

アメブロの場合はカテゴリー、トラックバック、などプラグインのタイトルごとに背景画像をかえることができるので、文字を画像にすれば、画像を３つに分ける必要はありません。FC2やlivedoorではプラグインごとに背景を変えることはできないので、このように画像を３つに分ける必要があります

次回もブログのデザインを考えるときの注意点について書きます！
更新は８月４日（月）の予定です。お楽しみに

ブログ用テンプレートのサイトです↓↓↓↓↓↓↓↓↓全部無料で使えますょ
近々新しいテンプレートが追加されるとかされないとか・・・