WordPress가 모바일 장치인지 확인하는 방법

이제 모바일 기기가 점점 더 대중화되고 스마트해지고 있습니다. 따라서 웹을 탐색하기 위해 휴대전화를 사용하는 것이 더욱 대중화되었습니다. 따라서 워드프레스 테마 개발자로서, 휴대전화 사용자를 어떻게 대해야 할지 신중하게 생각해야 합니다.
모바일 브라우저를 판단하는 일반적인 PHP 함수입니다. 원리는 비교적 간단하며, 브라우저에서 반환된 user_agent를 판단하는 것은 휴대폰 시스템, 브랜드 및 창 크기입니다.
WordPress를 예로 들어 테마의 function.php에 다음 코드를 추가하세요. 현재 일반 모바일 브라우저용 사용자 에이전트가 포함되어 있으며, 이는 기본적으로 휴대폰을 사용하여 인터넷에 액세스할 수 있는 사용자 그룹을 포함합니다.

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

참고할 또 다른 사항: 별도의 WordPress 테마인지 적응형 테마인지에 따라 그렇지 않으면 휴대폰에서 글꼴 크기가 너무 작은 등의 문제가 발생할 수 있습니다.

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

더 많은 WordPress 관련 기술 기사를 보려면 wordpress tutorial 열을 방문하여 알아보세요!

위 내용은 WordPress가 모바일 장치인지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!