[PC]レスポンシブデザインの勉強

ご無沙汰しております。

管理人もスマホ（Android）を持つようになりました。スマホからこのサイトを見ると非常に見づらいんですよね。

そこで、スマホでも見やすいようにできている最近のサイトはどういう仕様になっているのかと調べてみたところ、「レスポンシブデザイン」を採用しているとか。

レスポンシブデザインとはなにか？Google ウェブマスター向け公式ブログにはこう書いてあります。

レスポンシブ・ウェブデザインを使用しているサイト、すなわち、すべてのデバイスに単一の URL で同じ HTML を提供し、CSSを使用してデバイスごとにデザインを変更するサイトです。

なるほど。つまりWordPressでいえば、ひとつのテーマに複数のCSSを用意するということですね。

ところで、WordPressには毎年新作の公式テーマがあります。2012年なら “Twenty Twelve” という名前がついています。

で、今年の新作、”Twenty Fourteen” は、なんとレスポンシブデザインなんです。

ということで、レスポンシブデザインの勉強を兼ねて、しばらくテーマを “Twenty Fourteen” にしてみます。

Web being Web