レスポンシブwebデザインって

レスポンシブwebデザインって知っていますか？私は、恥ずかしながら、このwordpressを立ち上げるまで知らなかったのですが、カンタンにいうと、同じWebページをPC、携帯、スマートフォン、タブレットなどのそれぞれの端末でみたときに、それに適したサイズで表示される技術のことです。（もっと詳しく知りたい方は、レスポンシブwebとは、などで検索してみてください）

私のこのサイトは、レスポンシブwebデザインで作られています。

では、レスポンシブwebデザインで作られていないとどうなるかというとそれぞれに適したページをそれぞれ作らなきゃいけないということです。携帯のサイトでよく以前あったのは、http://XXX.com/m/ なんてありませんでしたか？ パソコンからアクセスするときは、http://XXX.com/で。

こういった場合、それぞれに対応したページを２つ用意しなければならいということになるんですね。だから、ちょっとした変更があれば、パソコンと携帯の両方のサイトを修正しなければならず、もちろん、修正したあとは、動作確認もしなければなりません。

そういった手間がとてもかかっていたのが、このレスポンシブwebデザインで作られたサイトの場合、１つの管理でよくなるのが最大のメリットです。

では、レスポンシブルwebデザインで作るのはどうすれば、いいのかいうと、Webの勉強すれば、いいとは思いますが、ちょっと時間かかりますよね。そういった場合、無料のテンプレートや有料のテンプレートがあるので、それらをもちいることで対応することができます。

●無料テンプレートを紹介しているサイト
iPhone表示にも対応、レスポンシブWebデザインの無料WordPressテーマ15選(プラグイン付)
http://photoshopvip.net/archives/29255
基本5種類がそろった無料（フリー）のレスポンシブWebデザインテンプレート
http://www.yuguri.com/2013/02/18responsive_templat/

●有料テンプレートを紹介しているサイト
レスポンシブWebデザイン対応WordPressテーマ
http://sanko-site.com/blog/ranking/seo-template/responsive-web-design/

Tweet