WordPress大きい地図画像や、解像度の高い美しい画像をホームページに追加したはいいけど、スマホで見ると縮小されて非常に見づらい・・。レスポンシブデザインの普及した現在、スマホとPCそれぞれで見せたい画像が違うせいで困った、という方はたくさんいるかと思います。今回は、Wordpressで作成したサイトで、スマホ、PC、タブレットなどそれぞれで表示させたりさせなかったりする方法をお伝えします。function.phpを利用するこのTIPSは、Wordpress3.4から実装された、「wp_is_mobile関数」を利用する方法です。お手元のWordpressのバージョンが3.4以上であることを確認してください。3.4以下の場合は、使用中のテーマが対応しているかをご確認の上Wordpressを最新版へアップデートしてください。テーマのfunctions.phpを開いてください。メニューの「外観」>「テーマの編集」より選択が可能です。「PC」と「スマホ・タブレット」を分岐させるPCだけで表示させて、スマホ・タブレットでは表示させない。PCでは表示させず、スマホ・タブレットでは表示させる場合です。'if_is_nopc');以上の文を、function.php最終行にそのままコピペで張り付けてください。以上で設定は完了です。[/nopc]でくくられた文章はスマホ・タブレットのみで表示される(PCでは表示されない)という状態になります。「PC・タブレット」と「スマホ」を分岐させる要は、スマホだけのコンテンツがある場合です。タブレットはPCと同等だ、と考える場合に以下のコードを利用します。'if_is_sp');上記2つのコードを両方ともfunction.php最終行にそのまま記述してください。[/sp]でくくられた文章はスマホのみで表示される(PC・タブレットでは表示されない)という状態になります。スマホ、PC、タブレットなど解像度や利用用途が違ういろいろなデバイスが登場している中、レスポンシブデザインをそのまま使うだけではどうしてもユーザビリティを維持できない場合があります。ユーザーにとって見やすい最適なサイトを構築するうえで、デバイス条件分岐は必須です。