wordpress がモバイルデバイスかどうかを確認する方法

現在、モバイル デバイスはますます普及し、スマートになっています。携帯電話を使用して Web を閲覧することがより一般的になっています。そのため、WordPress テーマ開発者として、慎重に行う必要があります。携帯電話をご利用の方は、対応方法をご検討ください。
これはモバイルブラウザを判定するための一般的な PHP 関数です。原理は比較的単純です。ブラウザから返された user_agent を判定します。条件には、携帯電話のシステム、ブランド、ウィンドウ サイズなどが含まれます。
WordPress を例に挙げます。次のコードをテーマの function.php に追加します。これには現在、一般的なモバイル ブラウザ用の useragent が含まれており、基本的に携帯電話を使用してインターネットにアクセスするユーザー グループをカバーできます。

function is_mobile() {
	$user_agent = $_SERVER['HTTP_USER_AGENT'];
	$mobile_browser = Array(
		"mqqbrowser", //手机QQ浏览器
		"opera mobi", //手机opera
		"juc","iuc",//uc浏览器
		"fennec","ios","applewebKit/420","applewebkit/525","applewebkit/532","ipad","iphone","ipaq","ipod",
		"iemobile", "windows ce",//windows phone
		"240x320","480x640","acer","android","anywhereyougo.com","asus","audio","blackberry","blazer","coolpad" ,"dopod", "etouch", "hitachi","htc","huawei", "jbrowser", "lenovo","lg","lg-","lge-","lge", "mobi","moto","nokia","phone","samsung","sony","symbian","tablet","tianyu","wap","xda","xde","zte"
	);
	$is_mobile = false;
	foreach ($mobile_browser as $device) {
		if (stristr($user_agent, $device)) {
			$is_mobile = true;
			break;
		}
	}
	return $is_mobile;}

次に、テーマ テンプレートの先頭に次の判断を追加します:

<?php if (is_mobile() ): ?>
	//如何如何..(这里可以添加一个mobile.css,如<link rel="stylesheet" type="text/css" media="all" href="http://www.jqueryba.com/"<?php echo get_template_directory_uri(); ?>/mobile.css" />)
<?php endif ;?>

もう 1 つの注意点: 個別の WordPress テーマであっても、アダプティブ テーマであっても、それを追加する必要があります。そうしないと、携帯電話で表示されるフォントが小さすぎるなどの問題が発生する可能性があります。

<meta name="viewport" content="width=device-width"/>

WordPress 関連の技術記事をさらに詳しく知りたい場合は、wordpress チュートリアル 列にアクセスして学習してください。

以上がwordpress がモバイルデバイスかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。