Facebook
RSS Feed
Feb 16, 2013

レスポンシブテーマでギャラリーレイアウトの並びが崩れる場合の対処法

Gallery - レスポンシブデザイン対応WordPressテーマ「blackdream」

レスポンシブデザイン対応テーマで、
ギャラリーレイアウトが崩れてしまう時の原因と対処法です。

原因

ギャラリーレイアウトはサムネイル画像(+タイトル)が一覧で並ぶ訳ですが、
サムネイル画像の高さが均一になっていないとレイアウトが崩れることがあります

レスポンシブテーマは見る端末ごとにアイキャッチ画像の幅が自動調整されるのですが、
アイキャッチ画像の「高さ」がバラバラだと、
上下の隣接する項目とバッティングしてレイアウトが崩れることがあります。

対処法

対処法はズバリサムネイル画像の高さを揃える!
これだけでレイアウト崩れは起こしません。
そもそもサムネイルサイズがバラバラだと見にくいし、デザイン的にも美しくないので、
きっちり同じサイズで作成しましょう。
細かいサイズに気を使ってるかどうかは、サイトやその運営者への印象にも関わります。
せっかくなら見た目がかっこいい方が良いですよね!

Posted in WordPress初心者講座Comments Closed 

関連記事

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

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