Facebook
RSS Feed
Feb 8, 2013

Minimal WPのレスポンシブテーマを使うときのコツ

最近レスポンシブwebデザイン対応のテーマを3つリリースしました。

Young Love
Black Dream
Flora

レスポンシブなので、見てるデバイスによってサイズがうにゅうにゅと変わるので、
どんなサイズで画像とか作ったらいいのか?というのにちょっと悩みますよね。
実際の所、勝手にリサイズされるので、厳密に悩む必要は無いんですけど、
アイキャッチ画像とバナー画像は最大公約数的なサイズで作っておくのがいいんではないかと思います。

・パソコン   :本文 960px or 630px / サイドバー 300px
・タブレット  :本文 460px / サイドバー 227px
・ミニタブレット:本文 420px
・スマートフォン:本文 280px

サイズはこんな感じに変化するので、
アイキャッチ画像やバナー画像はミニタブレットの最大サイズ420pxで作るのがいいんじゃないかと。
そうするとだいたいどのデバイスで見ても、それなりに奇麗にレイアウトされると思います。

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

関連記事

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

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