ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 티스토리 스킨수정 내 마음대로 뒤집는 방법
    Tistory Blog/Blog Tip 2013. 10. 31. 19:10

    티스토리는 네이버 블로그와는 다르게 자유롭게 스킨 수정이 가능한 장점이 있지만, 그걸 활용하지 못하시는 분들이 많아서 오늘은 스킨 제작 가이드라인에 대해서 알려드리려고 합니다. 간단한 스킨 수정과 다음뷰 추천 버튼 달기 등 작은 일을 하려면 네이버에서 검색을 하면 바로 방법이 나오는데요, 조금 더 깊게 파고 들어서 자신만의 상상력으로 블로그를 꾸밀 수 있는 방법에 대해 알려드리겠습니다.

     

    티스토리 스킨가이드 바로가기

    의외로 모르시는 분들이 많았습니다. 티스토리 메인화면에 보시면 스킨가이드가 큼지막한 탭으로 돼 있는데 보기 귀찮고, 잘 들어가지 않게 되죠. 그러나 스킨가이드에 html, css에 관련된 내용이 모두 들어있어서 스킨을 원하는대로 자유자제로 변경할 수 있습니다.

     

    먼저 페이지를 보시면 준비단계부터 시작해서 디자인 구상, 스킨의 구조 등등 체계적으로 블로그를 html과 css를 직접 작성해서 만들 수 있도록 도와주고 있습니다.

     

    스킨의 구조가 어떤식으로 이루어져있는지도 설명해주고 있고, 보시는 것처럼 header, content, sideinfo, footer 로 크게 네 가지로 이루어져 있습니다. 이 구조 속에 본인이 원하는 컨텐츠를 삽입하면 됩니다.

     자신만의 스킨을 만들 때 가장 중요한 것이 html 을 만드는 것이겠죠. 티스토리라는 기본 솔루션에서 미리 정해놓은 태그들이 있습니다. 그 태그들을 본인이 직접 복사 붙이기 해서 만들어 볼 수도 있습니다. 보시면 아까 위에서 설명드린 것처럼 header, content, sidebar 등이 있죠. 정리가 잘 돼 있는데 수정하고 싶은 부분을 클릭하면 그것과 관련된 내용이 태그로 정리돼 있습니다.

     마찬가지로 css도 설정돼 있습니다. 예를들면 본문의 폭을 지정해주고 싶을 때 제목의 크기를 지정해주고 싶을 때 관련된 태그들이 나와있으니 참고하시면 될 것 같습니다.

    복잡하고 어려운 html, css도 티스토리의 준비가이드만 있으면 누구나 쉽게 스킨을 마음대로 바꿀 수 있을 거라 생각합니다. 이것저것 만져보면서 새로운 기술도 배우고, 나만의 독창적인 디자인을 설계해볼 수도 있겠죠. 하지만 항상 조심해야하는 부분이 백업입니다. 그렇지 않으면 스킨을 수정하다가 실수로 엉망이 돼 버릴 수도 있으니 주의하시길 바랍니다.

     

Designed by Tistory.