Facebook
RSS Feed
Sep 18, 2012

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

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

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

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

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

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

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

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

Posted in Blog, WordPress初心者講座Comments Closed 

関連記事

今月の人気のワードプレステンプレートBEST 3

WordPressテーマ(スマホ対応レスポンシブデザイン)「Slauson」
公式サイト/マガジン/ビジネス・企業
WordPressテーマ(スマホ対応レスポンシブデザイン)White Studio
ビジネス・企業/コーポレートサイト/公式サイト
WordPressテーマ(スマホ対応レスポンシブデザイン)「Pantomime」
ギャラリー・ポートフォリオ / 公式サイト