WordPress functions.php

WordPress には wp_is_mobile() という見分けの関数があります。

ただし、wp_is_mobile() は「PC か、PC でないか」しか分かりません。タブレットもスマートフォンと同じ「モバイル」になります。

スマートフォンだけに広告やフッターのボタンを出したいときは、User-Agent（ブラウザが送ってくる名前）を見て、自分で分けます。

/*----------------------------------------------------
 PC・スマートフォン・タブレットを見分ける（User-Agent）
 戻り値：'smartphone' / 'tablet' / 'pc'
----------------------------------------------------*/
function my_device_type() {
	static $type = null;
	if ( null !== $type ) {
		return $type;
	}

	$ua = isset( $_SERVER['HTTP_USER_AGENT'] ) ? (string) $_SERVER['HTTP_USER_AGENT'] : '';

	if ( preg_match( '/iPhone|iPod|Android.*Mobile|Mobile.*Firefox|Windows Phone/i', $ua ) ) {
		$type = 'smartphone';
	} elseif ( preg_match( '/iPad|Android|Silk\/|Kindle|Tablet/i', $ua ) ) {
		$type = 'tablet';
	} elseif ( isset( $_SERVER['HTTP_SEC_CH_UA_MOBILE'] ) && '?1' === $_SERVER['HTTP_SEC_CH_UA_MOBILE'] ) {
		$type = 'smartphone';
	} else {
		$type = 'pc';
	}

	return $type;
}

function my_is_smartphone() {
	return 'smartphone' === my_device_type();
}

このサイトで使っている TCD のテーマ（dio）の functions.php には、前にこの記事で紹介したものと同じ is_mobile() が入っています。同じ名前の関数を functions.php に足すと、エラーで画面が真っ白になります。自分で足す関数は my_ のような頭の文字を付けます

<?php
switch ( my_device_type() ) {
	case 'smartphone':
		// スマートフォンのとき
		break;
	case 'tablet':
		// タブレットのとき
		break;
	default:
		// PC のとき
}

// スマートフォンだけを見分けたいとき
if ( my_is_smartphone() ) {
	get_template_part( 'template-parts/footer-bar' );
}

前の書き方との違い

前はこの記事で、is_mobile() でスマートフォンを見分け、wp_is_mobile() と組み合わせてタブレットを見分ける書き方を紹介していました。

確かめた結果

このサイトの作業環境（WordPress 7.1.3・PHP 8.3）で、いろいろな端末の User-Agent を入れて試しました。

気をつけること

PHP で見分けるのは、広告のコードやボタンのように「出す・出さない」を変えたいときに向いています。