티스토리(Tistory) - 반응형 스킨 FastBoot 적용하여 방문자늘리기

안녕하세요, 제이현입니다.

이번 포스팅은 티스토리 블로그의 스킨에대해서 써볼까합니다.

스킨은 반응형, 1단형, 2단형, 3단형, 기타로 나누어지는데..

검색을 통해서 티스토리에 올라오지 않은 다른 스킨도 쓸수 있는거같더군요..

스킨에대해서 고민한 이유가 모바일과 pc형의 스킨이 다르게 일일이 설정해주는것보단

자동으로 변경해서 해주는 것이 관리가 더 편할거 같아서 알아보게 되었는데요.

그래서 찾은 반응형 스킨 FastBoot을 적용하는 방법에 대해서 적어볼려고 합니다.

티스토리의 반응형 스킨들도 좋아보이지만 조금더 심플한 것을 원햇는데

이거다! 하고 바로 적용한거같네요..

다른 좋은 스킨이 있다면 알려주시면 감사하겠습니다.

저도 이제 블로그를 시작하여 하나하나 배워가는 중이니 앞으로 잘 부탁드리겠습니다.

데모사이트도 링크로 일단 걸어보도록 해보겠습니다. 한번 확인해보세요.

데모버전 사이트

들어가시기 전에 관리의 HTML의 글을 복사하여 따로 저장해 주세요. 혹시 설정하신 부분을 다시 써야 할수도 있기 때문입니다.

저같은 경우는 네이버와 구글 빙 등에서 받은 메타태그를 복사하지 않아서 당황했엇네요. 다시 적용하느라 고생했습니다.ㅠ

그러니 그런일을 방지하기위해 복사해주세요 :)

여러분에게도 적용하는 방법을 이제부터 소개해 보겠습니다 :)

1.  FastBoot v1.6.1.zip 다운 받으셔야 합니다 :)

http://blog.readiz.com/214

사이트에 접속하셔서 아래로 내리시다 보면 "FastBoot v1.6.1.zip"을 다운 받으시면 됩니다.

FastBoot v1.6.2 버전을 다운받지 않는 이유는 다른 설정을 더 해야된다고 하네요.

그래서 수정이 없는 FastBoot v1.6.1 버전을 적용하였습니다.

(FastBoot v1.6.2버전을 사용하실분들은 http://blog.readiz.com/214에 하단의 설정변경을 보고 적용하셔도 됩니다.)

2. 스킨에서 스킨등록을 클릭해주세요 :)

관리에서 스킨 ▶ 스킨등록을 클릭해주세요.

3. 새 스킨등록에서 아래와 같이 설정해주세요 :)

스킨 저장명을 정해주세요. 전 위와 같이 적어서 적용하였습니다.

스킨저장명은 구별하기 쉬운걸로 적어주시면 됩니다.

파일 다운받은걸 압출을 푸신 다음 위의 이미지와 같이 선택된것부터 올려주시면됩니다.

 

그 다음은 이미지 폴더의 파일들을 올려주시면 됩니다.

그리고 아래의 저장을 눌러주시면 됩니다 :)

4. PC보관함에서 방금 올리신 스킨을 적용 누르시면 됩니다 :)

관리 ▶ 스킨 ▶ pc보관함 에서 위의 이미지와 같이 적용을 클릭해주시면 됩니다.

5. 화면설정에서 선택화면에서 목록만 으로 변경하시고 저장해주세요 :)

관리 ▶ 화면설정 ▶ 화면출력에서 위의 이미지와 같이 "목록만"으로 변경해주시고 저장을 클릭해주시면 됩니다.

6. 스킨에서 모바일에서 체크해준 부분을 OFF해주세요 :)

지금 적용하시는 스킨은 반응형스킨이라 모바일을 off해주셔야 제대로 적용이 됩니다.

기존 티스토리 모바일 버전을 사용하신다면 모바일웹을 on해주시면 됩니다 :)

이로서 스킨적용이 마무리 되었습니다.

모바일에서도 제대로 적용이 되었는지 한번 접속하여 확인해주세요 :)

그럼 이번 포스팅도 끝이네요. 다음 포스팅에서 뵙겠습니다!!

관련 글

• 티스토리(Tistory) 블로그 초대장 없이 만들기