かれこれ何年か前から、パソコン用に設計されたページをCSSのメディアクエリによりスマートフォン(以下、スマホ)向けに表示方法のみを切り替えるレスポンシブサイトが主流になってますね。

 

表示パフォーマンス的に最適化してサイト運用する場合はやはり別構築する方が良いかとは思いますが、メンテナンスの容易さという点を挙げれば、やはりレスポンシブサイトに軍配が上がるのは違い無いでしょう。
このサイトも、構築期間を短縮する意味も兼ねてレスポンシブテーマを採用したサイトになっています。

 

しかし、Wordpress用レスポンシブテーマを活用すると言っても、サイトデザイン・レイアウトに合わせたサイトを構築しようと思うと、その書き方というのを理解しないといけません。

 

私はどちらかと言えば、パソコン・スマホ別にサイトを構築する手法を用いる事が多いため、メディアクエリへの理解が薄いです。

 

なので、今回メディアクエリの勉強を兼ねて、記事を書いてみようかと思っています。

記事の続きを読む