티스토리에서 반응형 스킨 공모전에 이어 자체적으로 공식 반응형 스킨을 배포 했습니다. 이름하여 #1, #2 입니다. 티스토리 스킨 메뉴에서 확인 할 수 있습니다. 스킨을 보자마자 너무 깔끔하고 예뻐서 바로 적용 했는데요. #1이 아쉬운게 있다면 텍스트 위주로 스킨이 제작 됐기 때문에 좀 단조로웠습니다. 이런 아쉬움을 뒤로 하고 깔금함 때문에 바로 적용했었습니다. 그리고 얼마 후, #2가 배포가 됐네요. #2에는 썸네일 기능을 추가하여 단조로움을 화사함으로 바꾸어 놓았습니다. 그래서 #2로 변경 할까도 했지만 구조적으로 #1이 좀 더 마음에 들기에, 그리고 #1에 썸네일만 적용되면 너무도 환벽한 스킨이 되기에 #2에 있는 썸네일 기능을 이곳에 옮겨 봤습니다.

티스토리 공식 반응형 스킨 #1과 #2가 만났다.

블로그 리스트 화면(첫 화면, 검색 화면, 카테고리 화면)에 기존 텍스트만 나오는 화면에서 우측에 대표이미지의 썸네일이 나타납니다. 썸네일의 장점은 기존에는 단조로웠던 화면이 화사해졌고 글에 대한 이미지 정보가 노출이 되어 독자에게 포스팅 한 글에 대해 더 정확한 정보를 제공 해 줄 수 있습니다.

본문 하단에, 같은 카테고의 글을 썸네일로 뽑아 보여주고 있습니다. 본문과 연관된 글이 뜨기 때문에 더 많은 볼거리를 제공해 줄 수 있겠죠.

반응형 스킨 답게 모바일 화면에서도 썸네일이 아주 잘 보여지고 있습니다. 왼쪽은 모바일 리스트 화면이고 오른쪽은 모바일 본문 하단에 관련글 썸네일 입니다.

위 스킨을 적용하기 원하시면 아래 압축 파일을 다운 받으세요. 그런 후에 다운 받은 파일의 압축을 풀고 풀린 파일을 모두 스킨 업로드하는 곳에 업로드 및 저장 하세요 마지막으로 스킨을 적용시키면 됩니다.

티스토리 블로그 커스텀 스킨 업로드 하는 방법

스킨 다운로드

혹시 스킨 설정에 어려움이 있거나 오류가 발생하면 댓글로 남겨주시면 도움드리도록 하겠습니다.