So ermitteln Sie, ob WordPress ein mobiles Gerät ist

Heutzutage werden mobile Geräte immer beliebter und intelligenter. Daher müssen Sie als WordPress-Theme-Entwickler vorsichtig sein Überlegen Sie, wie Sie als Mobiltelefonbenutzer reagieren sollen.
Dies ist eine allgemeine PHP-Funktion zur Beurteilung mobiler Browser. Das Prinzip ist relativ einfach: Sie beurteilt den vom Browser zurückgegebenen Benutzeragenten. Zu den Bedingungen gehören das Mobiltelefonsystem, die Marke und die Fenstergröße.
Nehmen Sie WordPress als Beispiel. Fügen Sie den folgenden Code zur Datei „functions.php“ hinzu. Er enthält derzeit einen Benutzeragenten für gängige mobile Browser, der grundsätzlich die Benutzergruppe abdecken kann, die möglicherweise Mobiltelefone für den Zugriff auf das Internet verwendet.

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

Dann fügen Sie oben in einer beliebigen Theme-Vorlage das folgende Urteil ein:

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

Noch etwas zu beachten: Unabhängig davon, ob es sich um ein separates WordPress-Theme oder ein adaptives Theme handelt, müssen Sie es hinzufügen Der Kopf Das folgende Meta, andernfalls kann es zu Problemen kommen, z. B. zu kleinen Schriftarten, die auf dem Mobiltelefon angezeigt werden.

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

Weitere technische Artikel zum Thema WordPress finden Sie in der Spalte WordPress-Tutorials, um mehr darüber zu erfahren!

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob WordPress ein mobiles Gerät ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!