更新:2017年05月11日サイトを運営していて、スマートフォンやタブレットのみ広告や内容を表示したい場合があると思います。スマートフォンやタブレットといったデバイスの種類を自動で判別することで、デバイスに応じて出力する広告や内容を変えるといった設定が簡単にできます。一般的にレスポンシブサイトなどではCSSの「display:none」と「display:block」を使用して、表示非表示をすることができます。スマートフォンかタブレットかを判断することはできないため、WordPressに装備されている変数や関数を使用設定して、条件分岐させます。このページでは、スマートフォンやタブレットでのみ表示させる方法を紹介します。まとめスマートフォンやタブレットでの表示WordPressにはスマートフォンやタブレットを判別するテンプレートタグが標準で装備されています。これを上手に使えば、PCで表示される広告とスマートフォンやタブレットで表示される広告を使い分けることが出来ます。「wp_is_mobile()」はスマートフォンとタブレットのみに表示させるテンプレートタグです。これは、ブラウザがサーバーに送信する「ユーザーエージェント」の情報を元にデバイスの種類を判別する関数です。?>上記のコードをスマートフォンやタブレットの表示させたい部分に記入します。これで、スマートフォンやタブレットの場合は、広告や内容が表示されます。スマートフォンやタブレットで表示される内容とPCで表示される内容を同じ位置で分けたい場合は、以下のように記入します。chromeのデベロッパーツールを使用すると、その場でスマートフォンやタブレットの表示とPCの表示を確認することができます。デバイスの種類をiPhoneに設定したときの広告表示デバイスの種類をiPadに設定したときの広告表示デバイスの種類をオフにしたPC状態での広告表示。PCには広告を設定していないため表示されていません。スマートフォンのみに表示させる更に細かい設定として、タブレットには広告を表示させず、スマートフォンにのみに広告を表示させることもできます。WordPressには、標準でスマートフォンのみに広告を表示させるテンプレートタグは用意されていません。そのため、functions.phpに独自の関数を作成します。ここでは、is_mobile()という関数を作成しました。functions.phpに次の設定を記入します。phone」といった3種類のスマートフォンであれば広告を表示させることができます。次にスマートフォンで表示させたい部分に以下のコードを記入します。?>表示の確認デバイスの種類をiPhoneやスマートフォンに設定したときの広告表示デバイスの種類をiPadに設定したときの広告表示。タブレットに広告を設定していない場合は表示されていません。PCに広告を設定してい場合は表示されていません。細かく多数のスマートフォンを判別する方法もあります。必要に応じて使用してください。$_SERVER['HTTP_USER_AGENT']);}様々な種類のスマートフォンを設定して、独自の関数である「is_mobile」で作成しています。サイトに訪問した方のスマートフォンユーザーエージェントの語句に「iphone」や「Android.*Mobile」などの文字があれば、スマートフォンと判別するように指定しています。次にスマートフォンで表示させたい個所に以下のコードを記入します。?>応用方法として、スマートフォン以外に表示させたい場合は、先ほどの「is_mobile」に「!」を使用するとできます。スマートフォン以外に表示ということになり、PCやタブレットのみ表示されます。スマートフォン別に表示内容を変える「iPhone」や「iPad」、「Kindle」といったスマートフォン別に表示させたいということがある場合は以下の設定を記入します。「iPhone」でのみ表示させる内容WordPressには「iPhone」でのみ表示させる変数が用意されています。「$is_iphone」を使用すると、サイトに訪問した方のユーザーエージェント調べて、「iPhone」という語句があれば表示します。?>「iPad」でのみ表示させる内容WordPressにはiPadでのみ表示される変数はありません。そのため、functions.phpに以下のコードを記入して、独自の関数を作成します。false;}}iPadでのみ表示させたい部分に以下のコードを記入します。?>「Kindle」でのみ表示させる内容WordPressにはKindleでのみ表示される変数はありません。そのため、functions.phpに以下のコードを記入して、独自の関数を作成します。false;}}kindleでのみ表示させたい部分に以下のコードを記入します。他にも様々なスマートフォンやタブレットといったデバイスがあります。これらもユーザーエージェントの文字を調べれば、独自の関数で先程の「iPhone」「iPad」「Kindle」の内容のように作成することができます。is_BlackBerry()のように変更します。ブラウザ別に表示させるブラウザ別に広告や内容を表示させることもできます。WordPressには標準で用意されている変数を使えば可能になります。chromeであれば内容を表示します。Explorerであれば内容を表示します。WindowsかMacかを調べて分けることもできます。Macの場合は以下のコードを記入します。?>Windowsの場合は以下のコードを記入します。?>その他のブラウザで表示させる内容その他「Opera」や「Safari」なども対応可能です。「Opera」の場合は、「$is_opera」を使用します。「Safari」の場合は、「$is_safari」を使用します。「Gecko」の場合は、「$is_gecko」を使用します。これらを使い分けることによって様々のブラウザで表示させることが可能です。まとめPCで表示させる内容とスマートフォンやタブレットで表示させる内容を分けることは、一度設定すれば後は簡単ですので上手く使用してください。none;」を使用して、表示非表示をすることもできます。細かくスマートフォンやタブレットで表示内容変える場合は、関数や変数を使用する方が効果的です。adsenseなどでは、PCやスマートフォンで表示させる広告を上手く分けることによって、クリック率が上がることもあります。PCでは大きな広告サイズを使用して、スマートフォンでは小さい広告サイズを使用するなどといったことも可能です。最近のサイトは、レスポンシブサイトが多いのでCSSでの条件分岐とこのページの方法を使用して、良いサイトを設計してください。