본문 바로가기

Works/Tistory Skin

Hare for Tistory - 가장 빠르고 가벼운 티스토리 반응형 스킨

hare tistory skin


HTML5와 CSS3 기반으로 만들어진 초경량 스킨입니다. 스킨의 총 용량은 0.27mb로 여태까지 나온 반응형 스킨 중에서는 가장 가볍습니다. 



블로그 로딩시간에 신경을 아주 많이 쓰시는 부분이라면 권장해드리는 스킨입니다. 

자바스크립트나 제이쿼리등의 스크립트는 일체 적용하지 않아 불 필요한 요청시간을 줄였습니다. 

극단적인 경량화를 통해서 정말 빠른 로딩시간을 지원합니다. 


HTML5 semantic ready

HTML5 Semantics


semantic 구조로 구성이 되어있어 SEO가 기본지원 됩니다. 


미려한 스타일 

색 배치를 최대한 절제해서 사용하고, 그리드 레이아웃을 통해서 반응형 스킨을 구성했습니다. 


견본 페이지


  • Hare PC view

  • Hare mobile View


웹폰트 기본 적용

영문과 한글 웹폰트가 적용 되어있습니다. 기본 한글 웹폰트는 나눔 고딕이며 가독성이 좋습니다. 


별도의 설정이 필요없음

스킨 업로드에서 업로드하기만 하면 바로 쓸 수 있도록 디자인 되었기 때문에 별다른 설정이 없습니다.


부드러운 브라우저 크기 전환 애니메이션

창크기 조절시 아주 부드럽게 크기 전환이 됩니다. 


html 기본요소가 모두 스타일 적용 되어있음

input요소나 table 요소등 모든 인터페이스 요소에 스타일이 적용되어 따로 적용할 필요가 없습니다. 


유의사항


IE8 이하 지원 안합니다. 계획도 없으니 요청금지.


개인별 커스텀 수정 역시 요청 받지 않습니다. 수정 요청 금지.


하단부 저작권 표시 지우지 마세요.


티에디션은 반응형으로 지원하지 않습니다. 

티에디션 기본 베이스 프레임 웍인 블루프린트와의 충돌 문제 때문에 티에디션을 반응형으로 만들기는 매우 귀찮고 까다롭기에 별도로 반응형 지원을 하지 않습니다. 능력 되시는 분은 수정해서 쓰세요.


유저스타일은 Style.css에 추가하시면 됩니다. 


style.css


기본 css는 hare.css이며 이곳에 스킨의 모든 구성요소가 내장되어 있습니다. 특히 무분별한 수정으로 인해 스킨이 오류나는 것을 막기 위해 압축 처리 해놓았으니 굳이 이 스타일을 건드리지 마시고, Style.css 를 이용해주세요. 스타일 시트 우선순위는 티스토리 기본 스타일이 더 높게 설정이 되어있으니 간편하게 덮어쓰기가 됩니다. 


설치방법


Hare Tistory.zip


첨부파일을 다운로드 받습니다.


티스토리 스킨 관리자


환경설정 → 스킨에서 스킨 등록


티스토리 새 스킨 등록


추가 버튼 클릭


파인더


파일 업로드 → images 폴더 안까지 싹다 업로드 해줍니다. 


파일 목록


스킨 저장명 지정하고 해당된 이름의 스킨을 스킨 보관함에서 선택 후 적용 완료 하면 됩니다.


글쓰기 가로 폭 기본 설정이 자동으로 안 바뀌시는 분은 값을 760px로 설정해주시면 됩니다.


티스토리 툴바 기본 색상은 #34495E 입니다. 


Known issue


댓글/ 트랙백 표시 오류


어떤 블로그는 하단부 댓글 갯수 부분에 ‘댓글 x개 달렸습니다, 트랙백 x개’ 라고 뜨는 경우가 있습니다. 이는 흔히 알려진 티스토리 오류인데, 저도 어떻게 고치는지는 모릅니다. 아시는 분은 댓글에 남겨주세요.


댓글/ 트랙백 표시 정상 출력정상 출력된 모습


스킨관련 문의/버그신고

댓글 난에 해주시되, 방명록이나 메일로 요청시에는 가차없이 삭제합니다.