スマホファーストでおまけ的にPC対応という案件が以前よりも増えていますが、やっぱり多いのはPC優先でスマホ表示も確保するというもの。で、このような複数デバイス間の表示を最適化する手法としては以下のものがあります。 モバイル用とデスクトップ(PC)用を別々に用意してアクセスする端末で切り替えるブラウザのウィンドウサイズによって表示内容を変える1はユーザーエージェント(何を使ってアクセスしているか)で判別する形式で、Wordpressではwp_is_mobile()という関数を用いてif文で条件分岐させれば簡単に実現可能です。 2はレスポンシブウェブデザインと言われ、メディアクエリを用いて制御する手法。これについては、Googleがモバイル フレンドリーなサイトを構築するガイドラインを出しています。 参考1: はじめる - ウェブマスター向けモバイルガイド ↑ 知らない人は必須なので目を通して
![★レスポンシブデザインで使うメディアクエリの設定方法とブレークポイント最適値について](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c56021d6d09b8496a832e5697c4c87aeb75231a/height=288;version=1;width=512/http%3A%2F%2Fstorage.googleapis.com%2Fmde%2Fassets%2Fimages%2Fblog%2F2015%2F09%2F14%2Fresponsive-web-design.jpg)