2013-02-16

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

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

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

原因

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

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

対処法

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

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

ワードプレステーマ「Minimal WP」
Minimal WPのWordPressテンプレートは、月間45万PV超のメディアサイト運営のノウハウを詰め込んだ、ミニマルデザインなテンプレート。HTML不要で初心者でも簡単におしゃれなホームページが作れます!集客力アップ、ブランディングを成功させましょう!
by
関連記事