WordPressの条件分岐:モバイルとPCで別表示に変える

公開日: : 最終更新日:2016/03/24 条件分岐タグ

モバイル端末全般を条件分岐:wp_is_mobile()

PCブラウザ以外のモバイル端末にコンテンツを表示するには、WordPressの3.4から実装された条件分岐タグwp_is_mobile()を使う。この関数は、iPhone・AndroidなどのスマートフォンからiPad、Kindleなどのタブレット型端末まで含まれる。

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

スマートフォンのみを条件分岐:is_mobile()

iPad、Kindleなどのタブレット端末を除いて、スマートフォンのみに表示させたいときは、
まず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']);
}

functions.phpに追加したら、スマートフォンの条件分岐タグis_mobile()が使えるようになる。

<?php if (is_mobile()) : ?>
// スマートフォン用コンテンツ
<?php else: ?>
// PC・タブレット用コンテンツ
<?php endif; ?>


関連記事

wordpress

wordpressの条件分岐タグ

いs条件分岐タグは、さまざまな状況の判別を行います。Webサイトを状況に合わせて適切な表示に変更して...

記事を読む

wordpress

is_single():投稿ページの判別

基本の記述 投稿ページかどうかを判別するには「is_single()」を利用します。 <?ph...

記事を読む

Message

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

no image
エコノミークラス症候群

エコノミークラス症候群とは?  エコノミークラス症候群は、旅行に関連

no image
巻き爪・陥入爪

巻き爪・陥入爪ってなに?  巻き爪とは、主に親指の爪の両端が「巻く」

no image
結婚お祝い金

披露宴に出る場合 祝儀袋の渡し方  受付でお祝いの言葉を述べ、祝儀

no image
結婚祝い

お祝い品選びと費用 お祝い品の選び方  新居を構える二人には、生活

no image
ダニ除去マニュアル

ダニ除去マニュアルについて  基本的なダニアレルゲン対策としては、

→もっと見る

PAGE TOP ↑