.아이폰/아이팟터치용 티스토리 Mobile 사이트 구축.
.아이폰/아이팟터치Story. :
2008/10/28 13:20
Mobile사이트를 만들어 주는 Mofuse.com을 사용하였습니다.
http://www.mofuse.com
Mofuse.com은 기존 사이트의 RSS 정보를 읽어들여, Mobile 장비에서 쉽게 볼 수 있도록 구성해주고, 이미지도 자동적으로 리사이징해주는 서비스입니다.
자신의 도메인을 사용할 수도 있고, 도메인이 없는 경우에는 사이트에서 제공하는 기본 주소를 사용할 수 있습니다.
제 블로그의 Mobile 주소 : http://latte4u.mofuse.mobi
위 주소로 접속하시면, 휴대장비에 따라, 화면을 변환해서 Mobile장비에서 쉽게 볼 수 있게 해줍니다.
아이폰과 아이팟터치도 이에 맞게 변환을 해주게 되어 있습니다.
아래 화면은 아이팟터치에서 Latte's Planet Mobile 사이트에 접속한 모습니다.
아래 소스는 아이폰이나 아이팟터치로 티스토리 블로그에 접속하면, 자동적으로 Mobile 사이트로 이동해주는 스트립트 입니다. 아이폰/아이팟터치 외에는 티스토리 페이지를 그대로 보여주게 되어 있습니다.
소스를 복사해서, 티스트리 HTML/CSS 편집을 누르고 Skin.html의 <HEAD> 바로 아래에 넣고, 저장하시면됩니다. (URL주소는 본인의 모바일주소를 넣어주셔야겠죠)
Mobile사이트가 아닌 티스토리 사이트로 접속하기를 원할수도 있어서, 기껏 아래 스크립트 만들어 놓고 저는 사용하지 않고 있습니다. ^^
<script type="text/javascript">
var agent=navigator.userAgent.toLowerCase();
var is_iphone = agent.indexOf("iphone");
var is_ipod = agent.indexOf("ipod");
if (is_iphone > -1 || is_ipod > -1) {
window.location="http://latte4u.mofuse.mobi/iphone";
}
</script>
var agent=navigator.userAgent.toLowerCase();
var is_iphone = agent.indexOf("iphone");
var is_ipod = agent.indexOf("ipod");
if (is_iphone > -1 || is_ipod > -1) {
window.location="http://latte4u.mofuse.mobi/iphone";
}
</script>
Mofuse 에서는 위와 같은 AutoRedirect 소스가 제공되지만, PHP로 되어 있어, 티스토리에서는 사용할 수 없습니다.
Mofuse의 최대 장점은 휴대장비 특성에 맞게 모바일 사이트를 쉽고 예쁘게 만들어 준다는 점과, 모바일 사이트에도 구글애드센스를 설치할 수 있게 해줍니다. 단, 50:50으로 수익을 Mofuse와 나누게 되어 있습니다. 설정에서 모바일 사이트에 애드센스를 사용안하도록 설정할 수 도 있습니다.
Mofuse로 만든 모바일 사이트의 단점은, 서버가 외국에 있다보니, 속도가 그렇게 빠르지 않은거 같습니다. RSS에 기반을 두다보니, 댓글을 통한 의사소통이 어렵습니다. Mofuse 자체적인 댓글위젯을 설치할 수 있으나, 티스토리 댓글과는 별개의 것입니다.
가장 이상적인 방법은 Mofuse와 같은 외국 사이트에서 RSS로 Mobile사이트 흉내내기 보다는 티스토리의 자체 모바일 사이트가 좀 더 휴대장비에 맞게 최적화된 모습을 보여주면 좋겠습니다. 이렇게 되면 댓글 문제도 해결되고 속도도 빠르고 좋을거 같습니다.
'.아이폰/아이팟터치Story.' 카테고리의 다른 글
| .[News] 아이팟터치 펌웨어 2.2가 출시되었습니다. (10) | 2008/11/21 |
|---|---|
| .애플에서 제공하는 iTunes의 무료 컨텐츠. (4) | 2008/11/18 |
| .티스토리, Twitter 그리고 아이팟터치. (23) | 2008/11/04 |
| .아이폰/아이팟터치용 티스토리 Mobile 사이트 구축. (4) | 2008/10/28 |
| .[TIPS] 티스토리 Mobile 블로그 사이트. (4) | 2008/10/27 |
| .햅틱의 카메라와 아이팟터치 블로깅. (2) | 2008/10/24 |
| .EA사의 아이팟터치용 출시 예정 Mobile Game. (4) | 2008/10/15 |
댓글을 달아 주세요
저도 아이팟터치로 라떼님 티스토리 접속을 해봤는데 모바일전용 사이트를 별로 안돌아다녀봐서 큰 불편함은 없었던걸로 기억합니다.
하지만, 모 사이트에서 댓글을 쓸 때, 키보드를 누르면 약 5초간 멈춤현상이 일어나더군요. 그래서 요즘은 터치로 웹서핑도 별로 안합니다 =_=;
저는 쇼파에 누워서 아이팟터치로 서핑할때가 자주 있는데.. 기껏 제 사이트는 잘 안들어와요..ㅋㅋ 서버가 미국거라 그런건지 너무 느려서 모바일사이트를 변경할까 생각중이에요...
가입자.tistory.com/m 하면 모바일용 사이트로 갑니다.
^^ 링크된 이전글에 말씀드렸는데, m으로 하게 되면 속도도 빠르고, 댓글도 볼 수 있는 장점이 있지만, 너무 안예쁘다는 단점때문에 mofuse사이트를 다시 소개해드렸습니다.