wordpressでは標準でモバイルとPCで表示を変えることができる条件分岐の関数がある。
この条件分岐の関数(タグ)を使うとモバイルとPCで表示する内容を変えることができる。
利用するwordpressの関数
PCで表示する関数
<?php if (!wp_is_mobile()) :?>
PCでのみ表示させたいコード
<?php endif; ?>
モバイルのみで表示する関数
<?php if (wp_is_mobile()) :?>
モバイルでのみ表示させたいコード
<?php endif; ?>
wp_is_mobileは便利な関数だがスマートフォンでもタブレットでも適応されてしまうのが難点。
スマートフォンだけに表示を適応したい場合もある。
スマートフォンだけに表示・非表示を行う場合
1、function.phpに以下の記述を記載。
//スマホ表示分岐
function is_mobile(){
$useragents = array(
'iPhone', // iPhone
'iPod', // iPod touch
'Android.*Mobile', // 1.5+ Android *** Only mobile
'Windows.*Phone', // *** Windows Phone
'dream', // Pre 1.5 Android
'CUPCAKE', // 1.5+ Android
'blackberry9500', // Storm
'blackberry9530', // Storm
'blackberry9520', // Storm v2
'blackberry9550', // Storm v2
'blackberry9800', // Torch
'webOS', // Palm Pre Experimental
'incognito', // Other iPhone browser
'webmate' // Other iPhone browser
);
$pattern = '/'.implode('|', $useragents).'/i';
return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}
*STINGER3の場合はすでにfunction.phpに書き込まれているようでさらに書き込むとエラーになる。
2、スマートフォンだけに表示したい部分には以下の記述を追加する。
<?php if (is_mobile()) :?>
スマートフォンでのみ表示させたいコード
<?php endif; ?>
PC・タグレットなどで表示したい部分は以下の記述を記載する
<?php if (!is_mobile()) :?>
PCでのみ表示させたいコード
<?php endif; ?>
コメント