"티스토리 스킨" 생각없이 변경하면 개고생한다.

티스토리의 가장 맘에 드는 점은 블로그를 임의로 꾸밀 수가 있다는 점이다.
이용자가 볼 필요없는 소스는 모듈화하여 은닉해놓고 스킨(skin.html)과 스타일(style.css)만을 변경할 수 있도록 하여 잘못되어도 큰 문제가 발생하지 않도록 구조화되어 있다.

이러한 티스토리의 좋은점은 때로는 귀차니즘과 짜증스러움을 안겨주기도 하는데 그때가 바로 스킨을 변경하는 경우이다.

스킨을 변경하면 그동안 꾸몄던 블로그의 대부분이 원상태로 바뀌어 버리기 때문에 스킨을 변경할때는 심사숙고하여 변경을 해야 한다. 그렇지 않은 경우 낭패를 볼 수가 있기 때문이다.

티스토리 스킨을 변경하면 블로그 헤드영역(제목, 메뉴, 검색), 사이드바 영역, 본문의 상하단(광고, 분석툴), 업로드한 파일, 댓글창과 추천버튼등도 모두 바뀌어버리고 소스 또한 모두 사라지게 된다.

그렇다면 낭패를 보지 않고 스킨을 변경하려면 어떤 절차로 해야 할까? 스킨 변경전 확인할 사항을 정리해봤다.

티스토리 스킨 변경전 확인할 사항

 
1. 블로그 상단 헤드영역

블로그 상단 헤드영역을 변경한 경우라면 필요한 내용을 메모하거나 소스를 저장해둬야 한다. 물론 스킨변경으로 인하여 기존의 내용들이 필요가 없다면 무시해도 된다. Kay~의 경우에는 헤드영역에 메뉴와 블로그타이틀 영역의 높이, 제목, me2day등을 추가하거나 변경하였다.

 

2. 사이드바

우측 사이드바 영역은 그나마 걱정할게 별로 없다. 수정을 한 사람들 대부분이 직접 skin.html을 수정한것이 아니고 html 배너을 이용했을 것이므로 스킨을 변경해도 지워지거나 사라지는 내용이 없기 때문이다. 다만 skin.html을 수정하여 사이드바를 꾸몄다면 해당 내용의 필요성을 알아보고 필요한경우 메모 또는 백업을 해둬야 한다.  Kay~의 경우는 사이드바에 구글검색을 추가했는데 skin.html에 소스를 추가 했기 때문에 스킨 변경시는 소스를 메모해둬야 할것이다. 대부분의 소스들을 구할 수는 있지만 일일이 찾으러 다니려면 시간이 걸리므로 스킨 변경전에 백업을 이용하는 방법이 훨씬 수월하고, 이렇게 함으로써 스킨 변경후 어느 부분을 손봐야 할지 알수 있어 모르고 놓치는 일이 없을 것이다.

 
3. 본문 하단부의 각종 버튼들

본문 하단에는 각종 추천버튼들과 별도로 수정한 다음뷰냐 믹시 위치변경, 댓글의 배경삽입 소스, 배경에 들어간 파일, RSS추천 버튼등을 확인하고 메모 또는 소스 백업을 해둬야 한다.

4. 스킨 변경전 스킨저장

티스토리에는 스킨을 저장하는 기능이 있다. 이 기능을 이용하면 잘못수정된 스킨을 원상태로 쉽게 되돌릴 수가 있으므로 스킨변경전 반드시 스킨을 저장하는 습관을 들여야 한다. 스킨 저장은 스킨선택하는 페이지에 있다.

 

5. skin.html에 추가된 내용 확인

skin.html에는 블로그 광고(애드센스, 애드클릭스, 올블릿등)가 추가 되어있고, 마이센스, 제트센스, 웹인사이드, 구글애널리틱스, woopra등의 운영에 필요한 툴이나 소스가 들어가 있다. 모든것들을 확인하고 잘 모르는 부분에 대해서는 알아볼 수 있도록 정확하게 메모를 해놓아야 한다. 스킨을 변경하면 컴퓨터를 잘 다루는 사람이라 할지라도 한나절은 족히 걸려야 완료할 수가 있으므로 꼭 확인하고 메모를 해두는것이 좋다.

 

6. style.css 확인

태그나 style sheet를 아는 사람 말고는 대부분 style.css를 변경한 사람을 없을것이다. 혹 변경하거나 추가한 내용이 있으면 메모하고 style.css 의 모든 내용은 백업해두자.

style.css의 내용

7. 업로드한 파일들

블로그를 꾸밀때 업로드한 파일들이 있다면 저장을 해둔다. 이를테면 추천버튼, 블로그배너, rss버튼, html이나 css파일등 각종 파일들은 다운로드 하여 저장을 해둬야 한다. Kay~의 경우 우측에 있는 각각의 이미지와 RSS 버튼, 코드하이라이트 관련 프로그램 관련 파일과 불렛 파일들을 저장해둬야 한다.

스킨파일 및 업로드한 파일

이렇게 만반의 준비를 한다음에 스킨변경을 해야 개고생을 하지 않을 것이다.

스킨선택시 참고사항.

마지막으로 변경할 스킨을 선택할 때는 기존의 포스트 성격(링크,배경색, 글자색 등등)에 맞는 스킨을 바꿔야 하고, 포스트에 이미지를 많이 삽입했거나 사진블로그를 운영하는 경우라면 기존에 올린 이미지보다 본문폭이 작으면 이미지의 일부가 감춰지는 현상이 발생하므로 스킨선택시 고려해야 할것이다.

 

2009/02/15 - [CSS for 티스토리] - [html] table 태그 확실하게 이해하기
2009/02/16 - [CSS for 티스토리] - 서식으로 배우는 스타일시트(CSS)

댓글을 달아 주세요

댓글창에 배경그림 넣는방법

  1. 이전 댓글 더보기
  2. BlogIcon 블루버즈 2009.08.05 17:23 신고  댓글주소  수정/삭제  댓글쓰기

    스킨 바꿀 때 꼭 백업해야 해야죠. 저도 백업하지 않고 덤벼들었다가 정말로 개고생했습니다. ㅎㅎㅎ

  3. BlogIcon 트레이너강 2009.08.05 23:37 신고  댓글주소  수정/삭제  댓글쓰기

    현제 멋모르고 스킨 변경했다가 개고생하는 1人입니다.ㅋ

    감사합니다.^^;

  4. BlogIcon 좋은사람들 2009.08.06 05:40 신고  댓글주소  수정/삭제  댓글쓰기

    저도 처음엔 고생이 이만저만이 아니었어요.~;;
    요즘엔 요령이 생겨서 메모장에 옮기고 하나씩 추가합니다.~

    • BlogIcon Kay~ 2009.08.07 10:33 신고  댓글주소  수정/삭제

      마저요! 그렇게 백업을 해놓은 다음에 하는 것이 정말 편해요..
      애드센스나 기타 코드들.. 사이트 찾아가서 새로 받는것도 쉽지 않은일이거든요! ^^

  5. BlogIcon 눈길에발자욱 2009.08.06 08:52 신고  댓글주소  수정/삭제  댓글쓰기

    그렇군요 아직 블로그 스킨을 바꾼적이 없어서 좋은 정보네요

  6. BlogIcon DanielKang 2009.08.06 16:02 신고  댓글주소  수정/삭제  댓글쓰기

    다른건 다 몰라도 넓이가 틀려지만 기존의 이미지가 작거나 짤리는 바람에.. ㅠㅠ
    스킨 넓이만큼은 변경하기가 쉽지 않더라고요
    글 수가 적다면 금새 수정이 되는데 글 수가 많아지니.....

    • BlogIcon Kay~ 2009.08.07 10:34 신고  댓글주소  수정/삭제

      그렇죠? 그래서 앞으로 스킨을 어떻게 변경할지 몰라서.
      이미지도 약간 작게 해서 올리려고 노력중입니다. ^^

  7. BlogIcon 카타리나^^ 2009.08.06 17:09 신고  댓글주소  수정/삭제  댓글쓰기

    너무 어렵다눈...
    그래선 전 현재 있는 모습을 평생 못 바꿀지도 ㅠㅠ

  8. BlogIcon stuffstory 2009.08.07 00:12 신고  댓글주소  수정/삭제  댓글쓰기

    진짜 개고생이죠..ㅋㅋ
    그래서 단계별 저장도하고 백업도 받아 놓았죠.
    수정전 저장이 최선인듯 합니다..-_-

  9. BlogIcon ★바바라 2009.08.07 22:43 신고  댓글주소  수정/삭제  댓글쓰기

    저도 처음 멋도 모르고 개고생한 적이 있었죠 ;ㅁ;
    아오, 그때 생각만해도.
    지금은 미리 메모장에 붙여 놓고 수정하죠 ㅎㅎ

  10. BlogIcon 열매맺는나무 2009.08.12 21:56 신고  댓글주소  수정/삭제  댓글쓰기

    아아.... 생각만 해도 골치아파져요.
    언젠간 공부 해야할텐데... 하면서도 자꾸만 미루게되네요.

  11. BlogIcon 라이니 2009.12.10 19:50 신고  댓글주소  수정/삭제  댓글쓰기

    개고생하면서 차차 스킨바꾸는 스킬을 늘려가는거라죠.ㅎ

    이스킨은 댓글입력창이 저 위에 있네요.ㅎㅎ
    젤 밑까지와서 댓글창이 어디있지 라고..잠시 고민했다는.ㅋ

    • BlogIcon Kay~ 2010.03.08 14:52 신고  댓글주소  수정/삭제

      원래 댓글입력창이 아래에 있었는데 시간이 걸리다 보니..
      위에 올렸답니다. 위아래 같이 넣어야 할까나요? ㅎㅎ

  12. BlogIcon 비프리박 2009.12.11 10:16 신고  댓글주소  수정/삭제  댓글쓰기

    말 그대로 개고생입니다.
    포맷보다 중요한 것이 백업이듯
    스킨변경보다 중요한 것 역시 백업이라 해도
    과언이 아닐 듯 합니다.

    요점을 콕콕 찝어주신 포스트 내용에 가슴을 쓸어내립니다. ^^

    • BlogIcon Kay~ 2010.03.08 14:49 신고  댓글주소  수정/삭제

      언제 여기게 댓글을 남겨주셨단 말입니까..
      백업 이렇듯 강조하면서도 순간 순간 잊어버려서..
      백업을 못한 댓가를 치루고 있습니다. ㅎ

  13. BlogIcon 오러 2010.01.25 10:28 신고  댓글주소  수정/삭제  댓글쓰기

    제 블로그 포스팅 본문에 카이님의 이 글을 인용했는데.. 괜찮겠나요..^^
    엮인글로 쏘아드립니다.

  14. BlogIcon 예문당 2010.01.25 10:42 신고  댓글주소  수정/삭제  댓글쓰기

    좋은 글 감사합니다.
    어제 또 스킨을 바꾸었는데요, 앞으로 수정시 도움이 될 것 같습니다.
    전 아직 배너2개만 html 소스삽입으로 사용하고 있고, 기본스킨으로 변경해서 큰 문제가 없었는데요,
    애드센스가 들어가고, 새로운 코드들이 삽입되면, 정말 일이 커질 것 같습니다.
    "백업" 명심하겠습니다. 좋은 하루 되세요~ ^^

    • BlogIcon Kay~ 2010.03.08 14:50 신고  댓글주소  수정/삭제

      스킨변경하고 오랜 기간이 지날 수록 백업할 내용들은 많아지는 것 같아요!
      제가 스킨을 통으로 변경한다면.. 아마도 하루종일 수정해야 하지 않을까 하는
      생각이 드네요!
      그러니 스킨 변경이 쉽지 않아요! ㅎㅎ

  15. BlogIcon 백전백승 2010.03.01 17:40 신고  댓글주소  수정/삭제  댓글쓰기

    티스토리의 스킨을 만져서 블로그가 엉망이 되어 개고생한 적이 있는데 이제는 백업을 해서 걱정을 안하고 스킨 저장 기능이 있군요. 이제는 개고생에서 탈출할 수 있겠네요.

  16. BlogIcon 비프리박 2010.03.08 15:01 신고  댓글주소  수정/삭제  댓글쓰기

    스킨 변경은 저의 티스토리 블로그 2주년 기념 사업(?)이기도 했는데요.
    항상 생각합니다. 스킨은 수정 전에 백업이다. ^^

    • BlogIcon Kay~ 2010.03.08 15:05 신고  댓글주소  수정/삭제

      ㅋㅋ 그렇게 '스킨은 수정전에 백업이다'를 되뇌이면..
      어느새 세뇌가 되어 자동백업 클릭이 될 수 있겠네요! ㅎㅎ
      스킨은 수정전에 백업이다! ㅎㅎㅎ

  17. BlogIcon 비프리박 2010.03.08 15:02 신고  댓글주소  수정/삭제  댓글쓰기

    아. 트랙백 남겼다는 말을 빼먹었군요. 이런. ^^

  18. BlogIcon 오븟한여인 2010.04.30 19:57 신고  댓글주소  수정/삭제  댓글쓰기

    현재개고생하고있구만요.
    이사온지4-5일됏는데.ㅠㅠ

    • BlogIcon Kay~ 2010.05.05 23:18 신고  댓글주소  수정/삭제

      ^^ 잠시의 고생을 하면서 새로운것을 배우는것도 좋을듯 합니다.
      또한 새롭게 익혀둔 내용들은 티스토리를 운영하는 내내 이용할 수 있으니.. ㅎ
      힘들어도 제법 건질것이 있지 않나 하네요!

  19. 2010.04.30 20:01  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon Kay~ 2010.05.05 23:19 신고  댓글주소  수정/삭제

      제가 답변이 많이 만이 늦었군요!
      ㅎㅎ 무엇을 대신 하는것인지.. ^^
      이해가 안가는 글은 댓글을 달아주시면 이해를 돕도록 하겠습니다. ^^

  20. BlogIcon 어설픈여우 2010.05.01 00:18 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다.
    정말 대단하셔요~!!

  21. BlogIcon tiptoe 2010.09.19 16:28 신고  댓글주소  수정/삭제  댓글쓰기

    그렇군요... 글 잘 읽었어요.. 전 지금 개고생하고 있네요...ㅠㅠ;;