설치형 블로그 텍스트큐브의 모바일 모드 관련 내용 정리

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

아래의 글은 설치형 텍스트큐브 버전 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회의 통계치인데.. 상당한 수가 안드로이드이다.
안드로이드 기기의 해상도는 기기별로 상당히 여러종류임을 위의 표로도 확인할 수 있다.
이것만 보더라도 해상도 맞추는데 참... 피곤할 듯ㅋ

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


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

최근 한달간 인기글

이 글의 관련글

REPLY AND TRACKBACK RSS http://blog.nemesys.co.kr/tt/rss/response/850
REPLY AND TRACKBACK ATOM http://blog.nemesys.co.kr/tt/atom/response/850
TRACKBACK ADDRESS
이 글에는 트랙백을 보낼 수 없습니다
REPLY RSS http://blog.nemesys.co.kr/tt/rss/comment/850
REPLY ATOM http://blog.nemesys.co.kr/tt/atom/comment/850
ㄱㄱㅎ 
wrote at 2011/01/19 17:35
카톡을PC에서 사용 하는 방법은?
은 왜 없앴슈? -_-?
Nes 
wrote at 2011/01/19 18:50
헐... 무서운 놈ㅋ

그거 이렇게 저렇게 실제로 테스트해보니 글 올려봤자 욕만 먹을 것 같더라야.
근데 그 와중에 좋은 거 하나 발견했어.

관심있음 하나 사ㅋㅋ

http://kr.aving.net/news/view.php?articleId=183281
wrote at 2011/02/07 15:06
좋은 내용 감사합니다.
모바일용 파일 경로 찾고 있었는데 해결했네요.ㅎ
최선묵 
wrote at 2011/10/07 06:40
설치형텍큐 모바일페이지를 뜯어고치려고 경로찾다가 본페이지를 접했습니다.
접속해상도정보..좋은 참고가 되었습니다 감사합니다.
근데 240x320 / 1100x1746...아..정말 뒷골잡게만드는 해상도네요....
Nes 
wrote at 2011/10/23 13:51
소위 말하는 변태적인 해상도죠ㅋ
변태적으로 대응하시면 될 듯 합니다..ㅋ
이름 / Name : *
비밀번호 / Password : *
홈페이지 / Homepage :
비밀글 / Secret :
*1  ... *476  *477  *478  *479  *480  *481  *482  *483  *484  ... *1133 
  • 블로그 주인장 : Nes
  • 이메일 : [email protected]
  • 이 블로그는?
  • 방명록
  • 레퍼런스 사이트 : http://nemesys.co.kr
SNS + RSS Links
rss
다음 일간 이슈 검색어
Since 2006 Nes's Random Blogz
Total 10652125 T1500 Y2102

3114

2131

google chart api graph

-30 days

today : 1500

전체 (1133)
Nes이야기 (123)
하드웨어이야기 (260)
소프트웨어이야기 (27)
외국어이야기 (12)
IT/웹이야기 (248)
연예계/방송이야기 (145)
게임이야기 (96)
광고/제품이야기 (58)
여행/먹거리이야기 (45)
세상이야기 (98)
최근에 쓴 글
구글 딥마인드 알파고가 이세돌을 꺾은날, 애드센스로 ...
구글 설문지(구글 폼)에서 정규식으로 입력 내용 사전 ... (1)
유플러스 tv g 4k uhd 셋톱박스를 신모델인 tvg 우퍼2... (9)
신장의 야망 창조 전국입지전 - 삼국지 13의 재미를 뛰... (2)
구글 애널리틱스(Google Analytics) 보고서 및 대시보...
그래픽카드 견적을 뺀 이번 조립컴퓨터, 스카이레이크 ... (1)
기어s 웨어러블 요금제로도 올레 맴버쉽 포인트 사용이...
안드로이드 롤리팝 포팅 버전 기어s 3g 요금제 가입 후... (2)
tasker http post 기능을 활용해 스마트폰 이벤트를 sl...
삼국지13 간단 후기 - 역대 장수제 시리즈의 정점을 찍...
네이버 웹마스터도구에 블로그와 RSS 주소 등록 후 10...
네이버 웹마스터도구 개편이 불러온 검색로직 및 트래...
삼성 갤럭시 기어s 롤리팝 포팅 후기 및 앱 사용기 (1)
삼성 갤럭시 기어s에 안드로이드 롤리팝 올리기 성공! (3)
CPU 잡아먹는 어베스트 avast mft utility(mftutil.exe...
유플러스 TVG 롤리팝 업데이트 후기(via 기기교체!!) (1)
블로그 포스팅이 점점 줄어드는 이유
u+ tv g 롤리팝 업데이트를 하릴없이 기다리며 써본 간... (9)
허니버터칩은 과연 꼬꼬면의 숙명을 피할 수 있을 것인가? (3)
LG유플러스 U+ tvg 4K UHD 간단 사용기 및 신구형 셋톱... (2)
구글 애널리틱스 웹로그 분석 공인 전문가 자격 인증 ...
스마트폰 사용 패턴 통계 및 분석 with Tasker & Googl... (5)
갤럭시 기어1 - 루팅 및 안드로이드 null롬 올린 후 두... (1)
옵티머스G프로 킷캣 업데이트 후 폰트변경 - 나눔바른...
갤럭시 기어1 - 루팅 및 안드로이드 커스텀 롬 사용기 ... (5)
구글 애널리틱스 UA 업그레이드 이후 애드센스 통계 안...
스마트폰 화면 밝기 어둡게해 야밤에 시력 보호하는 방법 (1)
블루투스 휴대용 스피커 로지텍 UE Boom 간단 리뷰 및 ...
구글 스프레드시트가 canvas를 활용해 만들어졌다니!! (1)
구글 드라이브 스프레드시트(엑셀)의 놀라운 기능 impo...