Comment déterminer si WordPress est un appareil mobile

De nos jours, les appareils mobiles sont de plus en plus populaires et plus intelligents. Il est devenu de plus en plus courant d'utiliser des téléphones mobiles pour naviguer sur le Web. Par conséquent, en tant que développeur de thèmes WordPress, vous devez être prudent. réfléchissez à la manière de réagir aux utilisateurs de téléphones portables.
Il s'agit d'une fonction PHP générale pour juger les navigateurs mobiles. Le principe est relativement simple, il s'agit de juger le user_agent renvoyé par le navigateur. Les conditions incluent le système de téléphonie mobile, la marque et la taille de la fenêtre.
Prenons WordPress comme exemple. Ajoutez le code suivant au fichier function.php du thème. Il inclut actuellement un agent utilisateur pour les navigateurs mobiles courants, qui peut essentiellement couvrir le groupe d'utilisateurs pouvant utiliser des téléphones mobiles pour surfer sur Internet.

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;}

Ensuite, ajoutez le jugement suivant en haut de n'importe quel modèle de thème :

<?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 ;?>

Autre chose à noter : qu'il s'agisse d'un thème WordPress distinct ou d'un thème adaptatif, vous devez l'ajouter la tête La méta suivante, sinon cela peut causer des problèmes tels que des polices trop petites affichées sur le téléphone mobile.

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

Pour plus d'articles techniques liés à WordPress, veuillez visiter la colonne tutoriel WordPress pour apprendre !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!