WordPress スマホ・モバイルデバイスの条件分岐タグ【wp_is_mobile】

wp-is-mobile

WordPressの条件分岐タグ【wp_is_mobile】の使い方のご紹介です。
この条件分岐タグは、ユーザーがモバイルデバイスの場合は、【TRUE】出ない場合は、【FALSE】を返します。
※注意して欲しいのが、こちらの条件分岐タグは、タブレット端末もモバイルデバイスとして認識されます。

使い方

下記コードを、テーマファイルの条件分岐させたい場所に挿入して下さい。

<?php if(wp_is_mobile()):?>
	//モバイル用コンテンツ
<?php else:?>
	//PC用コンテンツ
<?php endif;?>

上記の条件分岐タグ【wp_is_mobile】だとタブレット端末までモバイルデバイスと認識されますので、タブレットからのアクセスはPCコンテンツを表示させる場合は、下記コードを【functions.php】に記載します。

function my_wp_is_mobile() {
  $useragents = array(
    'iPhone',          // iPhone
    'Android',         // 1.5+ Android
    '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']);
}

使い方は、通常の条件分岐タグと同様で下記のように利用します。

<?php if(my_wp_is_mobile()):?>
	//モバイル用コンテンツ
<?php else:?>
	//PC・タブレット用コンテンツ
<?php endif;?>

WordPressのレスポンシブデザインでは【CSSのdisplay:none;】などで、非表示などをしている場合がありますが、こちらの条件分岐タグを利用してみてもいいかも知れません。

こちらの記事をシェアする

こちらの記事があなたのお役にたちましたら、シェアしていただけますと大変嬉しく今後のブログ更新の糧となりますのでどうぞよろしくお願いします。(^^♪

About

Glow-Facotryでは、無料・有料のWPテーマを配布・販売サイトです。また、Web関連やWPの記事・日常的(ゲームも)なことをブログを利用して発信して行きたいと思っております。
よかったら下記のフォローをお気軽にお願いします。

関連記事

コメント

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PREVIOUS hunterxhunter

HUNTER×HUNTER バトルオールスターズ VS イルミ(上級)を攻略したメンバー

NEXT black-white-business-card-template

白や黒を基調としたデザインの 無料名刺テンプレート用 PSD集