이 글은 텍스트큐브의 모바일 페이지 관련된 내용을 정리할 목적으로 쓰여졌다.
이유는 머… 스킨도 좀 손보고 이것저것 테스트를 위한 것인데 일단 지금까지 알게 된 내용을 먼저 정리해보자.

아래의 글은 설치형 텍스트큐브 버전 1.8.5를 기준으로 한 것이며 티스토리나 가입형 텍스트큐브에서 동일하게 적용되는지는 확인해보지 않았다.

접근 주소 및 경로

텍스트큐브에서 모바일 모드로 접근하기 위해서는 크게 아래와 같은 방법이 있다.

  • 모바일 환경(아이폰, 안드로이드 등)
    여기서는 관리자패널에서 설정을 통해 모바일모드 지원을 체크해두면 모바일 기기로 접근시 바로 모바일 페이지로 열리게 된다.
  • PC환경
    PC환경에서 디버깅이나 스킨 편집 등을 위해 일반 브라우저로 접근하려면 다음과 같은 주소로 접근하면 된다.

  • PC환경에서 본 텍스트큐브 모바일 스킨 페이지
    크롬에서 살펴본 모습이다.

    모바일 페이지 메인. 프로필 이미지가 정사각형으로 크롭된다.
    모바일 페이지 메인. 프로필 이미지가 정사각형으로 크롭된다.
    글 목록 화면. 먼저 폰트가 맘에 안든다 바꿔야 겠다.
    글 목록 화면. 먼저 폰트가 맘에 안든다 바꿔야 겠다.

    글 내용 화면
    글 내용 화면

 

모바일 스킨 경로

텍스트큐브에서는 아직 따로 모바일 스킨이라고 따로 구분할 수 있는 일반적인 개념이 없다.
폴더별로 모바일 스킨이 구분되어 선택할 수 있는 형태가 아니고 단순히 아이폰이나 안드로이드 폰으로 접근하였을 때 아래 경로의 소스 파일을 이용한다.

HTML 구조를 담고 있는 파일
/library/view/iphone/iphoneView.php
/interface/i/entry/index.php

CSS 파일
/resources/style/iphone/iphone.css

디자인의 경우 대부분 CSS를 손보는 것만으로 효과를 볼 수 있으므로 스킨 변경을 위한 주된 수정은 iphone.css에서 진행하면 되겠다.
하지만 모바일 페이지에 모바일용 구글 애드센스를 넣으려면 iphoneView.php 파일을 손봐야 할 것이다.

 

한달간 이 블로그의 모바일 기기 접속 현황

아래는 2010년 12월 19일 부터 1.18일인 오늘까지 한달간 안드로이드나 아이폰 등을 이용하여 내 블로그로 접속한 통계현황이다.

먼저 운영체제와 화면 해상도를 기준으로 추출한 통계이다.

사용자 삽입 이미지
안드로이드가 상당수이며 WVGA(800 x 480)의 해상도가 가장 많은 수를 차지하고 있음을 알 수 있다. 이 정도 해상도라면 모바일 모드로 보는 것이 편하다.

한달간 모바일 기기로 접근한 2600회의 통계치인데.. 상당한 수가 안드로이드이다.
안드로이드 기기의 해상도는 기기별로 상당히 여러종류임을 위의 표로도 확인할 수 있다.
이것만 보더라도 해상도 맞추는데 참… 피곤할 듯ㅋ

어쨌든 이 정도의 정보로 모바일 스킨을 함 바꿔봐야겠다.
고고씽~~

 

이 문서는 계속 갱신됩니다~~~~~~

이 글의 관련글

Tags:

5 Comments

  1. 설치형텍큐 모바일페이지를 뜯어고치려고 경로찾다가 본페이지를 접했습니다.
    접속해상도정보..좋은 참고가 되었습니다 감사합니다.
    근데 240×320 / 1100×1746…아..정말 뒷골잡게만드는 해상도네요….

    1. 소위 말하는 변태적인 해상도죠ㅋ
      변태적으로 대응하시면 될 듯 합니다..ㅋ

Leave a Reply

Your email address will not be published. Required fields are marked *