モバイルのみに表示するテンプレートの設定

公開日:  2015/05/04        0    0    0    2    hatenauser    

テンプレートに記述したものの覚書

<?php if ( wp_is_mobile() ) : ?>
  // スマホ・タブレットで表示したい内容
<?php else: ?>
  // PCで表示したい内容
<?php endif; ?>

これはWordPress3.4から実装された条件分岐タグなので、そのまま使えます

ipadやKindleなどの表示領域が広いタブレットはPCサイトと同じ表示で、iphoneなどのスマホだけ変えたいときは新しく追加します

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_page() ): ?>

<?php else: ?>

<?php endif; ?>
<?php if(is_home() && !is_paged()): ?>
最初のページにのみ表示したい部分をここに記載
<?php endif; ?>


<?php if(is_paged()): ?>
2ページ目以降のページにのみ表示したい内容
<?php endif; ?>

自分のテンプレート

<?php if(is_mobile()) { ?>
<?php } else { ?>
<?php }; ?>


▼ コメント表示

PAGE TOP ↑