【WordPress】端末判別してサイトの表示内容を変更するには?【WordPress】端末判別してサイトの表示内容を変更するには?2017.03.14WordPressfunctions.phpPHPテンプレートタグ端末判別スマホやタブレットでサイトを見ることが増えている現代。PCの時にはこの内容、スマホの時にはこの内容、タブレットの時にはこの内容を表示させたい!となる時があります。PCでサイトを見た時には横幅が大きい画像でも大丈夫ですが、スマホやタブレットで見た時には画像が小さくなってしまうため、別の画像を用意しなきゃいけない...そしてスマホやタブレットで見た時にはその画像に差し替わるようにしなきゃいけない...なんてことがあったりとか。まとめWordPressのデフォルトで用意されているwp_is_mobileまず初めに紹介したいのがwp_is_mobileというタグ。これはWordPressがデフォルトで用意している端末判別のタグになります!これを使う時には、以下のようにコードを書きます。?>ただし、このコードだとスマホとタブレットが一緒の端末として判別されてしまいます。́・ω・`)PCとスマホで端末判別そこで次に紹介するのはPCとスマホで端末判別してくれるタグになります。これはまず初めにfunctions.phpに以下のタグを記述する必要があります。$_SERVER['HTTP_USER_AGENT']);}上のコードをfunctions.phpに記述しましたら、is_mobileというタグでPCとスマホの端末判別が可能になります!端末判別のコードの書き方は以下になります。続いて、PCとタブiPadで端末判別する方法。こちらもまず、functions.phpに以下のコードを記述しましょう。false;}}上のコードをfunctions.phpに記述することで、is_ipadというタグでPCとiPadの端末判別が可能になります!タグの書き方は以下になります。?>このコードを書くことでPCとiPadの端末判別が可能になります!応用編:PC・スマホ・iPadそれぞれで別々の表示をさせるには?では、実際にPC・スマホ・iPadでそれぞれ別々の表示をさせたい!となった時には、以下の工程を踏むことで可能になります。それにはまず、functions.phpにis_mobileとis_ipadを実行できるようにするタグを記述する必要があります。そのタグは上で紹介したタグを続けて書くだけで大丈夫です!念のため、見本のコードを記載しておきます。