텍큐닷컴 블로그의 모바일 페이지 만들기

by BLUEnLIVE | 2009/12/12 10:00

티스토리와 텍큐닷컴은 근본도 비슷하고, 기능도 여러모로 비슷하다. 하지만, 세세하게 뜯어보면 지원되는 기능이 미묘하게 다른데, 그 중...



유사한 기반의 티스토리가 간단한 방식으로 모바일 페이지를 지원하는 것과는 달리 텍큐닷컴은 그런 거 없다.
오히려, 구글 코리아는 텍큐닷컴을 버릴 것이란 입장을 명확히 했기 때문에 앞으로도 그런 서비스는 없다.

하지만, 궁하면 통하는 법이요, 모든 솔루션은 구글에서 나오는 법.



1. 모바일 페이지 생성

Google Mobilizer라는 서비스가 있다.
이 서비스를 이용하면 멀쩡한(?) 블로그에서 모바일 페이지를 생성해준다.

이 서비스를 이용해서 본 블로그의 모바일 주소를 추출하면 아래와 같다.

http://www.google.com/gwt/x?u=http://zockr.tistory.com/2

이로써 비교적 간단한 방법으로 모바일 페이지를 만들었다.


2. 자동으로 모바일 페이지로 전환

위의 방법이 간단한 방법이긴 하지만, 그렇다고, 저런 주소를 정말로 모바일 환경에서 입력할 수는 없다.
모바일 페이지에서 접속하면 자동으로 모바일 페이지로 넘어가도록 해보자.

텍큐닷컴의 스킨에서 <body> 바로 아래에 아래와 같은 코드를 삽입하면 된다.

<script type="text/javascript">
//<![CDATA[
if (navigator.userAgent.match(/Mobile|Windows CE|Windows Phone|Opera Mini|POLARIS/) && !navigator.userAgent.match(/iPad/))
    location.href = "http://www.google.com/gwt/n?u=http://(블로그주소)" + location.pathname;
//]]>
</script>

이 코드는 브라우저에서 페이지를 읽었을 때 모바일 환경이라면 위에서 설명한 모바일 페이지로 이동시킨다.


이렇게 만들어진 내 블로그를 아이폰에서 띄우면 아래와 같은 결과가 나온다.
비록 페이지 이동 등의 기능은 정상동작하지 않지만, 아쉬운 대로 쓸 수는 있다. OTL


덧. 본 포스팅 작성시  블로그를 모바일 페이지로 만들기자동으로 모바일 페이지로 이동하기가 큰 도움이 되었다.

Trackback 0 Comment 8
  1. Favicon of http://salm.pe.kr BlogIcon 류청파(koc/SALM) 2010.10.06 22:46 address edit & delete reply

    흠... 너무 좋은 팁이네요. 고맙습니다. 넙죽 [emo=059]

  2. Favicon of http://minimonk.tistory.com BlogIcon 구차니 2010.10.07 12:49 address edit & delete reply

    텍큐나 티스토리나 같을텐데 정말 왜! 텍큐는 모바일을 지원하지 않을려나요 -_-
    미스테리에요!

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2010.10.07 13:01 address edit & delete

      문닫겠단 서비스에 기능을 요구하는 것부터가 무리일 수도... 쿨럭.

  3. qp 2010.10.08 16:24 address edit & delete reply

    그나저나 그 문닫기로 한건 어케됐나요?
    그냥 기능 업뎃은 없고 서비스 자체는 계속 가는건가요?

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2010.10.09 00:16 address edit & delete

      뭐라도 얘기를 해줘야 판단을 할텐데, 답답하기만 합니다.

  4. Favicon of http://mahabanya.com BlogIcon mahabanya 2010.10.24 22:19 address edit & delete reply

    엉엉 조커님 최고. 잘 쓰겠습니다.

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2010.10.24 22:34 address edit & delete

      아래 글도 같이 참고하세요.
      뭔가 2% 부족한 기능을 보충해줄 수 있는 팁입니다.

      http://zockr.tistory.com/945