判定してモバイル用コンテンツを表示する方法。判定してモバイル用コンテンツを表示する方法。判定してモバイル用コンテンツを表示する方法。Google最近のWebデザインのトレンドとして、レスポンシブデザインが普及し、iPhoneやiPad、Android端末等、各モバイル・デバイスへの対応が当たり前になってきました。Android)のアクセス比率は、ほぼ半々になってきています。モバイル・デバイスに最適化されたコンテンツを表示することは、今後SEO的にも重要なポイントになり、無視できない状況になっています。予算や制作期間、クライアント様の意向により、モバイル・サイトの開発に着手できないケースも多々あるかと思います。判定して、モバイル用のコンテンツを分岐させて表示する方法を紹介します。ちなみに[User-Agent(UA、ユーザーエージェント)]とは、WEBブラウザでの通信に使用するHTTPプロトコルに含まれる情報で「iPhone」や「Android」などの端末の情報です。[User-Agent]を見ればどんなデバイスからアクセスしているかを把握できるというワケ。偽装も可能なので絶対的なものではありませんが、特殊なケースを除けば[User-Agent]を判定するだけでモバイル用のコンテンツを振り分けることが可能です。[functions.php]に記述するコードは以下。$_SERVER['HTTP_USER_AGENT']);}関数(function)の名前は分かりやすく「is_mobile」としています。モバイル端末からアクセスした場合に「TRUE」を返します。特定のデバイスをモバイルとして追加したい場合は配列の中に追加するだけでOK。タブレット端末はPCと同じ処理にしたいのであれば、逆に配列の中から「'iPad',」を削除します。テンプレートファイルの[header.php]や[index.php]内で、モバイル用のコンテンツを分岐させたい箇所で以下のコードを記述するだけです。以降からはデフォルトで「wp_is_mobile」という関数が追加になっていて上記とまったく同じように機能します。......というワケで。通常はwp_is_mobileを利用して、モバイル・デバイスを個別に振り分けたいときにis_mobileを使用することをお勧めします。Engineers)TwitterFacebookGoogle+FeedlyLINEこちらの記事もいかがですか?アナタにオススメ!同じカテゴリーの他の記事です。カスタマイズする方法。【WordPress】検索結果から「固定ページ」を除外する方法。【WordPress】カスタム投稿タイプの一覧をドロップダウンメニューで表示する【iOS】ウェブサイトのソースを閲覧できる[Srcfari]はウェブデザイナーの方にお勧めの神アプリです。【WordPress】ユーザーが検索したキーワードをハイライトして表示させる。【WordPress】アイキャッチ画像の設定方法。