티스토리 블로그의 모바일웹
- 장점은 모바일웹 에서도 자신만의 개성있는 타이틀로 꾸밀 수 있다는 점.
- 단점은 댓글과 트랙백이 어느 본문에 해당된것인지 연계되지 않는다는 점.
'노하우업 닷컴' 의 모바일 웹 설정 사례 입니다.
# 티스토리 > 관리> 꾸미기> 모바일 웹스킨 [메뉴]> 로 들어가서
◆ 탭 메뉴설정:
* 원래 - [글목록 / 댓글 / 트랙백 / 방명록] - 을
* 변경 - [글목록 / 하이라이트 / 갤러리 / 프로필] 로 설정대체 후,
방문 첫 화면을 (하이라이트) '포스트 설정' 으로 지정.
※메뉴기능이 '포스트설정' 이고, 포스트설정 에서 [탭 명칭]을 '하이라이트' 로 정할 수 있음.
※ 티스토리 모바일에서 '댓글 / 트랙백' 은 어떤 본문에 달린 것인지 식별 안되는 오류
◆ 타이틀 > 배경 - '직접올리기' 를 선택해서 세팅
** 설정항목
- 배경 : [*] 직접올리기
- 높이: [60] / 250px
- 글자색: 제작 이미지 직접올리기 이므로 설정 안함 = [*] 타이틀표시 안함 선택
- 메뉴바: 기본값 옅은회색 그대로
- 강조색: 기본값 짙은회색 그대로
'직접올리기' 배경 이미지 제작 사례 [이미지] ▼
- 가로x세로 = 예전 480 x 62 픽셀 > 크기 키움 > 570 x 70 픽셀 gif파일
- 이미지 파일 크기= 8 kb
이미지 크기는 키웠는데 파일크기는 예전 JPG 17kb > Gif 8kb로 작게 더 가벼워졌습니다
※ 파일크기는 작을 수록 로딩속도에 유리하므로, 같은 [가로x세로 크기]라도 [밀도품질]을 낮추는 툴 (= 포토샵)로 파일크기를 작게 제작하는 것이 중요.
※ 이미지 파일 종류는 jpg 보다 gif 파일이 크기가 작아지는 장점 있으나,
- [입체감+ 음영처리+ 윤기나는 반사광 효과] 등의 로고 색감을 제대로 살리는데에는 jpg 파일이 우수하며,
- 만화 캐릭터 및 포스터 같은 [평면 일러스트 이미지] 에서 파일크기를 작게 압축시키는 데 gif 유리함.
상기와 같이 제작한 이미지 와 설정 세팅된 [모바일 웹 화면] 은 아래 주소에서 확인할 수 있습니다
노하우업닷컴 모바일 사이트 ▼: - http://knowhowup.com/m
추신 ]
스마트폰으로 보시고 혹여 화면 이미지 왜곡이나 가로폭 핀트 부정교합 및 이미지 선명도 뿌염~현상등의 오류로 보이는 회원분은, 자신의 스마트폰 기종 및 화면 설정 해상도 정보와 함께 댓글 칸에다가 지적해서 알려 주시기 바랍니다.
- 새글 포스팅 보다는, 이런 식으로 새 정보 나올 때마다 기존 포스팅 내용을 갱신하는 것을, 이 코너의 '포스팅 방침' 으로 합니다
헤드라인 타이틀 이미지 _ 480x 274 pixel [7vs 4]
Font 12, 썸네일 Width _150 pixel
<img src=" " width=" 150 " height=" 150 " >