아이폰전용페이지 만들기, 한테이블(게시판)에 스킨 아이폰용,pc용나누기 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

아이폰전용페이지 만들기, 한테이블(게시판)에 스킨 아이폰용,pc용나누기 정보

아이폰전용페이지 만들기, 한테이블(게시판)에 스킨 아이폰용,pc용나누기

본문

아이폰전용페이지 만들기, 한테이블(게시판)에 스킨 아이폰용,pc용나누기
제목그대로입니다.

스킨자료실에서 아이폰게시판을 발견후 열심히 한테이블을 두스킨으로 사용하는 방법을 찾아다녔습니다... 어언 2일동안 밤잠을설쳤군요..
방법은 간단했습니다 그래서 팁을 씁니다..

<?if (preg_match("/phone/i", $_SERVER[HTTP_USER_AGENT])) {?>
//아이폰접속일경우 여기
<?}else{?>
//아이폰이아닌 다른매체로 접속시 여기
<?}?>

엄청간단했습니다..

index.html부터 이 소스를 넣어 아이폰인지아닌지 구별이 가능하더군요..
게시판의 스킨또한 이러한방법으로 사용가능합니다
basic스킨을 사용하실경우 해당하는 스킨의 php파일을 하나씩 열어서
맨윗줄에
<?if (preg_match("/phone/i", $_SERVER[HTTP_USER_AGENT])) {?>
를써주시고 사용하시려는 모바일게시판스킨의 소스를 복사붙혀넣기해주세요
그리고
<?}else{?>
를써주시고 그밑에 basic의 스킨소스가 그대로있으면됩니다.. 양쪽다 수정은안하셔도됩니다
basic소스가 끝나는 맨마지막줄에
<?}?>
쓰는거 잊지말아주세요.

테스트페이지: http://meijikorea.com/ 입니다
추천
4

댓글 11개

raineye님// 로그인은 외부로그인을사용하니 되었구요^^ 몇가지수정한점은 상단과하단에표시할내용 _head.php 등에도 위방법으로 아이폰접속시 표시안하게하였습니다
아직 오류는 안나와서 어떠한오류가나올지 어디를고쳐야할지는모르겠네요...^^;;;...
질문이 있습니다. 그럼 이미지 사이즈를 어떻게 처리해야 할까요...

즉 그냥 접속하면 그림으 600이었다면 아이폰으로 접속하였을 때에는
310에 맞춰지게 해야 정확히 나올 수 있을 것 같은데...
아이폰에서는 이미지를 css3에 zoom으로 줄이거나 이미지가 들어간 상위 dom요소를 고정시켜놓고 이미지의 width를 100%으로 주는 방법이 있는데,,

가장 좋은 것은 이미지 업로드 시 폭 320짜리 조그마한 이미지를 별도로 생성하고, 모바일에서는 그 이미지를 보여주는 것이 가장 좋죠. 트래픽이 관건인지라..
모바일 체크하는 로직은 구글에 이렇게 나와 있네요

<?php
 
$mobile_browser = '0';
 
if(preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {
    $mobile_browser++;
}
 
if((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0) or ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))) {
    $mobile_browser++;
}   
 
$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
$mobile_agents = array(
    'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac',
    'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno',
    'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-',
    'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-',
    'newt','noki','oper','palm','pana','pant','phil','play','port','prox',
    'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar',
    'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-',
    'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp',
    'wapr','webc','winw','winw','xda','xda-');
 
if(in_array($mobile_ua,$mobile_agents)) {
    $mobile_browser++;
}
 
if (strpos(strtolower($_SERVER['ALL_HTTP']),'OperaMini')>0) {
    $mobile_browser++;
}
 
if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'windows')>0) {
    $mobile_browser=0;
}
 
if($mobile_browser>0) {
  // do something
}
else {
  // do something else
}
참고로 .


http://m.naver.com
http://m.paran.com
http://m.phpschool.com

참고 하셔서 만드시면 될듯요.

보통 하나의 도메인에서 처리 하지 않습니다.

홍보하기에도 약간 안좋아서.

다들 m.domain.com 으로 만들죠.

if("아이폰이 맞다면"){
  "m.domain.com" 으로 가라.
}

이런식.
저도 고려하고 고심하고 있었는데 참 좋은 방법 같습니다.
전용 홈페이지 혹은 2차 도메인으로 전용으로 하는 방법 같습니다..
감사합니다....
서브도메인은 각 호스팅마다 조금 돈을 더 내면 해주는 서비스가 있습니다.
서브도메인 지원하는 호스팅 서비스로 변경을 해주시고,
호스팅사마다 제공하는 관리자툴이 있는데 보통 거기에서 서브도메인 m으로 생성하면 m.호스팅 으로 접속이 될 것입니다ㅎ
전체 15 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT