테스트 사이트 - 개발 중인 베타 버전입니다

아이폰전용페이지 만들기, 한테이블(게시판)에 스킨 아이폰용,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/ 입니다

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 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이라는폴더를만들면 되는건지요...?
서브도메인은 각 호스팅마다 조금 돈을 더 내면 해주는 서비스가 있습니다.
서브도메인 지원하는 호스팅 서비스로 변경을 해주시고,
호스팅사마다 제공하는 관리자툴이 있는데 보통 거기에서 서브도메인 m으로 생성하면 m.호스팅 으로 접속이 될 것입니다ㅎ
아이폰전용페이지 만들기, 한테이블(게시판)에 스킨 아이폰용,pc용나누기

게시판 목록

그누4 팁자료실

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