2013-02-08

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

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

Young Love
Black Dream
Flora

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

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

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

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

ワードプレステーマ「Minimal WP」
Minimal WPのWordPressテンプレートは、月間45万PV超のメディアサイト運営のノウハウを詰め込んだ、ミニマルデザインなテンプレート。HTML不要で初心者でも簡単におしゃれなホームページが作れます!集客力アップ、ブランディングを成功させましょう!
WordPress新規導入の手順を解説
★有料note「人気ブログを作る10の秘訣」★

月間45万PVブログの運営ノウハウ(集客・ライティング・収益化テクニック)を全て公開中!
人気ブログを作る10の秘訣 >

by
関連記事