[티스토리] FastBoot 반응형 스킨 설치하기

Posted by 두두오빠
2017. 6. 22. 10:07 블로그/티스토리

티스토리에서 제공해주는 무료 스킨을 변경한지 얼마 되지 않았다. 스킨에서 사용하고 있는 기능들을 CSS에서 변경해야 하는데, 해당 CSS소스를 알아보기가 쉽지 않았다. 인터넷으로 변경방법을 확인해봐도 관련 정보가 너무 부족했다. 그래서 스킨을 다시 바꿔보도록 한다. 반응형 스킨인 FastBoot라는 스킨으로, 많은 사람들이 사용하고 있어서인지 관련 정보들도 인터넷으로 쉽게 확인할 수 있다.


FastBoot 반응형 스킨을 제작한 사이트에 들어가보자. 해당 스킨에 대한 설치방법과 설명이 자세히 나와있다. 

바로가기 : 간단히 설치하는 반응형스킨!


해당페이지의 중간 부분을 보면, 다운로드 가능한 파일들이 있다. 최신버전인 1.6.2를 다운로드 받아서 사용하자. 




꾸미기 - 스킨으로 가면 스킨 설정을 하는 화면이 나온다. 우측상단의 '스킨등록+' 를 눌러서 새 스킨 등록 화면으로 넘어가자.




다음과 같이 새로운 스킨을 등록할 수 있는 화면으로 넘어왔다. 윗단계에서 다운 받아놨던 파일을 등록할 수가 있다. 압축파일인 FastBoot를 압축해제하여 사용가능하도록 준비해 놓는다. 하단에 보면 '+추가' 버튼이 있는데, 클릭하여 파일들을 업로드 시키자.






FastBoot 를 압축해제 놓은 파일들은 아래와 같다. 이 파일들을 모두 업로드 해야 한다. 먼저 images 폴더를 제외한 6개 파일들을 업로드한다. 다음으로 images 폴더 안에 있는 파일들을 추가로 업로드시킨다.






업로드가 완료되면, 다음처럼 파일목록 확인이 가능하다. 스킨 저장명을 입력하고 '저장'버튼을 눌러서 스킨등록을 마친다.




저장을 마친 스킨은 스킨-PC보관함 에서 확인이 가능하다. 상단에 보이는 Flatinum 스킨이 변경전 사용하고 있던 것이고, 하단에 보이는 FastBoot v1.6.2 는 이번에 새로 등록한 스킨이다. '적용' 버튼을 클릭하여, 해당 스킨을 내 티스토리에 적용시키자. 



적용이 완료가 되었다. FastBoot v1.6.2 를 통해서, 다음과 같은 레이아웃을 가진 스킨으로 티스토리가 변경이 되었다.