Song4U님의 추천으로 티스토리 Mobile 사이트를 구축하였습니다.

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>

Mofuse 에서는 위와 같은 AutoRedirect 소스가 제공되지만, PHP로 되어 있어, 티스토리에서는 사용할 수 없습니다.

Mofuse의 최대 장점은 휴대장비 특성에 맞게 모바일 사이트를 쉽고 예쁘게 만들어 준다는 점과, 모바일 사이트에도 구글애드센스를 설치할 수 있게 해줍니다. 단, 50:50으로 수익을 Mofuse와 나누게 되어 있습니다. 설정에서 모바일 사이트에 애드센스를 사용안하도록 설정할 수 도 있습니다.

Mofuse로 만든 모바일 사이트의 단점은, 서버가 외국에 있다보니, 속도가 그렇게 빠르지 않은거 같습니다. RSS에 기반을 두다보니, 댓글을 통한 의사소통이 어렵습니다. Mofuse 자체적인 댓글위젯을 설치할 수 있으나, 티스토리 댓글과는 별개의 것입니다.

가장 이상적인 방법은 Mofuse와 같은 외국 사이트에서 RSS로 Mobile사이트 흉내내기 보다는 티스토리의 자체 모바일 사이트가 좀 더 휴대장비에 맞게 최적화된 모습을 보여주면 좋겠습니다. 이렇게 되면 댓글 문제도 해결되고 속도도 빠르고 좋을거 같습니다.


+ Recent posts