묻고답하기
모바일 레이아웃과 PC화면용 레이아웃 홈화면 질문~
2012.02.22 21:19
안녕하세요 . 질문이 있습니다 .
자자, 제가 abc.com 이란 사이트를 만들었습니다.
그리고 페이지 하나를 생성합니다. 페이지 이름은 'home' 입니다.
그리곤 XE 세팅에 들어가 이 'home'이란 페이지를 시작 모듈로 설정해 놓습니다.
이제, PC에선 주소창에 abc.com 이라고 치면 시작 모듈인 'home' 페이지를 보여주게 됩니다.
그리고, 모바일용 페이지도 필요하겠다싶어서, 모바일용 페이지를 구축하게 됩니다....
이 모바일용 사이트에도 분명히 시작 모듈이 존재를 할겁니다...
모바일에서 abc.com 이라고 치면 시작 모듈인 abc.com/home 으로 이동하겠죠.
하지만, 모바일에서 보이는 home 화면이 너무나 지저분합니다...
그래서, 모바일에 맞는 페이지 'home2' 를 만들었습니다..
여기서 문제가 대충 감이 오시죠.......
PC 에서는 'home' 을 시작 모듈로 하고 싶고
모바일에서는 'home2' 를 시작 모듈로 하고 싶습니다.
하지만 시작 모듈은 하나밖에 정할 수가 없는데...
어떻게 하면, PC 에서는 home 을, 모바일에서는 home2 를 시작 모듈로 할 수 있을까요?
아직 초보라서 너무 잘 모르겠습니다 ㅠㅠ!
저도 방금 같은 질문을 올렸는데 스스로 해결했습니다.
<html>
<head>
<script language="Javascript" type="text/Javascript">
var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson');
for (var word in mobileKeyWords){
if (navigator.userAgent.match(mobileKeyWords[word]) != null){
parent.window.location.href='모바일 접속주소';
break;
}
}
</script>
</head>
<frameset cols="0, *" frameborder="0" border="0">
<frame name="contents" noresize>
<frame src="xe" name="detail" noresize>
</frameset>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"></body>
</html>
이렇게 메모장에쓰시고 index.html로 저장해주세요.
그런후 ftp에 올리신후 pc로 해보시면 pc화면만뜨고
모바일로 접속하면 모바일화면으로 뜹니다~
참고로 모바일 접속주소는 지정해주셔야 합니다.http://홈페이지주소/xe/amin
이런식으로여~
한번 http://lifestory.mireene.com 제 홈페이지인데 pc와 모바일로 접속해보세요~
그리구 메인home
모바일전용home2
레이아웃 2개 만들을 필요없습니다. 페이지메뉴에서 메인페이지 설정에 들어가시면 모바일접속시 보여질 페이지를 설정해주시면됩니다.
또한 오른쪽상단 셋팅에서도 모바일접속시 모바일페이지로 보여주기에 체크해주시구요