워드프레스 모바일 감지 코드와 iphone접속시 body tag에 iphone class 추가하기

  • 14 / 09 / 2015
  • by wpresso
  • 0 reply

WordPress Mobile Detect Conditional Tag는 wp_is_mobile()입니다.
아래처럼 조건문 형식으로 테그를 작성해 사용하시면 됩니다.
You should realize that this does not detect a mobile phone specifically, as a tablet is considered a mobile device. Check the Plugins area for several helpful alternatives. It also should not be used for themes.

[php]
< ?php
if ( wp_is_mobile() ) {
/* Display and echo mobile specific stuff here */
}
?>
[/php]

하지만 워드프레스 작업을 하다보면 디바이스를 구분할 필요가 있을수 있는데
wp_is_moblie()는 파라이터를 받아들이지 않기 때문에 아래와 같은 코드로 body에 클래스를 추가해서 사용을 할 수 있습니다.

[php]
add_filter(‘body_class’, ‘my_iphonedetact_body_class’, 10, 2);
function my_iphonedetact_body_class($classes) {
$browser = strpos($_SERVER[‘HTTP_USER_AGENT’],"iPhone");
if ($browser == true){
$classes[] = ‘iphone’;
}
return $classes;
}
[/php]

디바이스별 키워드는 아래의 코드로 크롬 개발자 도구로 확인이 가능합니다.

[php]
add_filter(‘body_class’, ‘my_iphonedetact_body_class’, 10, 2);
function my_iphonedetact_body_class($classes) {
$browser = $_SERVER[‘HTTP_USER_AGENT’];
$classes[] = $browser;
return $classes;
}
[/php]

result – Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like Mac OS X; en-us) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53