スマホの時はサイドバーを表示しない | wordpress studies

wordpress studies

wordpressメモ 自分用備忘録

条件分岐の話です。
スマホ版にはメニューがあるのでにpc版のサイドバーは表示したくないと思い検索。

is_mobile()を使ってスマホとそれ以外を分岐。

まず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']);
}

摘要させたいページに以下を記述。

<?php if(is_mobile()): ?>
スマホの時どうする?
<?php else: ?>
タブレット・PCの時どうする?
<?php endif; ?>

例)サイドバーを表示させない場合
<?php if(is_mobile()): ?>
  /*どうするか記述。表示させないなら何も書かなくて良い。*/
<?php else: ?>
  <?php get_sidebar(); ?>
<?php endif; ?>

今回はこちらを参考にさせて頂きました!(´-ω-`)
Naifix様
http://naifix.com/is_home-and-is_mobile/