WordPress

スマートフォンとPCで表示を変える

'15.09.01

functions.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 endif; ?>

PCのみで表示

<?php if (!is_mobile()) :?>
表示したい内容
<?php endif; ?>

PCとスマートフォンで表示を切り替える

<?php if (!is_mobile()) :?>
PCのみで表示したい内容
<?php elseif (is_mobile()) : ?>
スマートフォンのみで表示したい内容
<?php endif; ?>

(View642)