2012-09-18

ロゴをアップロードしたらレイアウトが崩れた場合の解決方法

お問い合わせ頂く中で、特に初心者の皆さんに多いのが、
「ロゴをアップロードしたら、デザインが崩れてしまった!どうしたらいいの?」
というやつです。

で、サイトを見てみると、めちゃくちゃデカいロゴをアップしてたり、
特に意味はないけど、余白がめちゃくちゃ多いロゴをアップしてたり。
ヘッダーの枠をはみ出してしまっているので、メニューやスライドショーにも影響を与えて、
レイアウトが崩れてしまってたりします。

スタイルシートに詳しい人だったら、
ロゴのサイズに合わせてヘッダーの高さを微調整したりすれば、
まったく問題は無いのですが、
スタイルシートってチンプンカンプンという方にはどうしたらいいかさっぱりかもしれませんね。

Minimal WPのテーマには、全てロゴの推奨サイズというのが記載されてます。
管理画面のロゴをアップロードするところに。

こんな感じで。
この推奨サイズとロゴを同じサイズで作成すれば、まず問題は起こりません。
高さ***px固定ってなってたら、できるだけ同じサイズに、
高さ***px〜***pxってなってたら、できるだけそのサイズの範囲内に、
ここだけ守ってもらうと、余計な調整は不要で、ビシッとかっこいいレイアウトででき上がります。
これを大幅にはみ出す場合は、スタイルシートで微調整が必要になる場合があります。

という感じで、参考にしてみてください。

関連記事:Time Machineでロゴを中心に表示できない時の対処方法

ホームページからの集客できてますか?

ワードプレステーマ「Minimal WP」
Minimal WPのWordPressテンプレートは、月間45万PV超のブログ運営のノウハウを詰め込んだミニマルデザインテンプレート。HTML不要で初心者でも簡単におしゃれなホームページが作れます!ブログ・自社メディアを始めるなら今がチャンスです!
by |タグ: , ,
関連記事