무플 무서워요
유익하셨나요? 아래의 RSS로 구독 하세요! 가젯으로 구독하시려면 클릭!
올블로그추천버튼 블로그코리아 구독버튼 블로그뉴스 구독버튼 믹시 구독버튼 한RSS 구독버튼 구글리더기 구독버튼 올포스트 구독버튼

안녕하세요? 구름팡팡입니다.
오늘은 티스토리 블로그의 스킨을 수정하는 방법을 알려드릴 건데, 그 중에서도 카테고리를 펼치거나 접는 방법에 대해서 소개드리겠습니다.
당최 감이 안오신다구요?



이렇게 말입니다. 블로그에 처음 접속할 때 특정 카테고리만 열어 놓는다거나, 특정 카테고리만 닫아 놓는 것이 가능합니다.
제 블로그의 경우는 'Blog'라는 카테고리만 닫혀 있었는데, 오늘 새벽에 블로그 이미지를 넣으면서 사이드바가 조금 커지는 바람에 지금은 전부 열어 놓은 상태입니다.

아무튼, 특정 카테고리만 펼치거나 접는 법을 지금부터 소개해 드리겠습니다.
먼저 관리자 화면으로 들어가셔서 '카테고리 설정'으로 들어가세요.


위 사진처럼 카테고리 설정 페이지에서 마우스 오른쪽 버튼을 눌러서 '소스 보기'를 눌러줍시다.
카테고리를 설정하는 부분(사진에서 왼쪽 박스 안)에서 마우스 클릭을 할 경우에는 '소스 보기' 메뉴가 뜨지 않기 때문에 왼쪽 박스 바깥 부분에서 클릭 하셔야 됩니다.

소스 보기를 누르면 메모장에 다음과 같은 소스가 보일 겁니다. 아래쪽으로 스크롤을 쭉 내리면 카테고리와 관련된 설정 부분을 보실 수 있습니다.
제 블로그 같은 경우는 가장 상위 카테고리가 'Appendix', 'Blog', 'Video Contents', 'Private' 인데요, 그 중에서 하위 카테고리가 있어서 펼칠 수 있는 건
앞의 3개('Appendix', 'Blog', 'Video Contents') 입니다.

여기서 필요한 건 해당 카테고리의 id인데요, 사진에서 밑줄을 그어 놓은 부분입니다. 이 id를 잘 기억합시다.
다음은 skin.html을 수정해야 합니다.
skin.html 수정 부분으로 들어가서 'category'를 검색하면 아래 화면을 찾으실 수 있습니다.

여기서 제 스킨처럼 [##_category_##]로 되어 있다면 기본적으로 카테고리 목록이 전부 닫혀있는 형태의 스킨인 것이고,
[##_category_list_##]로 되어 있다면 기본적으로 카테고리 목록이 전부 펼쳐있는 형태의 스킨인 것입니다.
즉 카테고리를 전부 펼치거나 전부 닫고 싶으시면 이 부분만 수정해 주시면 됩니다.

하지만 특정 카테고리만 열기 위해서는 아래와 같은 작업을 한 번 더 거쳐야 합니다.

<div class="category>
[##_category_##]
      ← 사진처럼 이 사이에 스크립트를 넣어야 합니다.
</div>

      <script language="JavaScript">toggleFolder('126828'); </script>
      <script language="JavaScript">toggleFolder('196198'); </script>
      <script language="JavaScript">toggleFolder('202517'); </script>

위 스크립트를 복사해서 아까 확인했던 id의 숫자 부분만 교체해 주시면 적용이 가능합니다.
제 블로그는 카테고리 전체를 다 열어놓았으면서 좀 더 간편한 방법인 [##_category_list_##]로 수정하지 않고 3개의 항목마다 다 스크립트를 적용해 놓았는지 궁금해 하시는 분이 계실 겁니다. 저는 필요에 따라서 언제고 카테고리를 펼쳤다가 접었다가 하기 때문에 해당 부분에 대해서 수정하기 편하게 하려고 이렇게 개별적으로 모두 설정을 해 두었습니다.

아무튼 이렇게 3개를 다 설정하면 지금 제 블로그처럼 카테고리가 모두 펼쳐져 있는 모습을 보실 수 있습니다.


이 문제 때문에 골머리를 썩으신 분들께 많은 도움이 되셨길 바랍니다^^

이 블로그의 공식 주소는 http://theHermes.kr 입니다.

  1. 발랄한우울쟁이 [2010.04.21 23:22]  수정/삭제  댓글쓰기

    아 유용한 정보네요 매번 감사합니다

  2. 지나가능사람 [2010.07.14 20:49]  수정/삭제  댓글쓰기

    감사합니다 !!!!!!! 진짜 찾던 정보인데 감사감사!!! 네이버에서 검색햇을때는 안 나오더니 구글에서 치니까 바로 뜨네 ㅎㅎ
    덕분에 블로그 잘 고쳣어용~

    • Favicon of https://thehermes.kr 구름팡팡 [2010.07.26 22:06 신고]  수정/삭제

      네이버에도 블로그 등록 해놔서 검색이 잘 되기는 하는데 네이버는 일단 네이버 블로그를 먼저 찾아주는 것 같아요.
      그리고 검색 로봇이 어떤 알고리즘을 가지고 있는지 모르지만, 타 사이트들과는 다르게 정보를 수집하더라구요.

      오죽하면 '네이버 검색 페이지의 최상위에 검색되는 방법' 같은 글들이 블로그를 통해서 유행하고 있겠어요ㅋㅋ

      도움이 되셨다니 뿌듯하군요^

      (+) 준비하고 있는 시험이 하나 있어서 오래도록 잠수했습니다. 댓글 달아주셨는데 답글이 늦어서 죄송합니다!

  3. 지나가능사람 [2010.07.14 20:49]  수정/삭제  댓글쓰기

    감사합니다 !!!!!!! 진짜 찾던 정보인데 감사감사!!! 네이버에서 검색햇을때는 안 나오더니 구글에서 치니까 바로 뜨네 ㅎㅎ
    덕분에 블로그 잘 고쳣어용~

  4. Favicon of http://s2yon.tistory.com s2용 [2010.07.26 12:43]  수정/삭제  댓글쓰기

    유용한 정보 감사합니다^^ 전 무플신경안쓰고 열심히 블로그질 중입니다 ㅋㅋㅋㅋ^^ 즐거운 하루되세요~

    • Favicon of https://thehermes.kr 구름팡팡 [2010.07.26 22:06 신고]  수정/삭제

      무플에 신경쓰지 않으실 수 있다니, 대단하세요^^
      저는 열심히 써 올린 글에 아무런 반응이 없으면 괜히 혼자 뻘쭘하고 부끄럽고 막 그러더라구요ㅋㅋ

      (+) 준비하고 있는 시험이 하나 있어서 오래도록 잠수했습니다. 댓글 달아주셨는데 답글이 늦어서 죄송합니다!

    • Favicon of http://s2yon.tistory.com s2용 [2010.07.27 09:42]  수정/삭제

      하루도 안걸려 댓글이 달리다니...초스피드인데요^^

      방문도 감사드려요~

  5. Favicon of http://sosmikuru.tistory.com Mikuru [2010.08.03 22:26]  수정/삭제  댓글쓰기

    반대로 닫고 싶으면 어떻게 해야하나요?

    • Favicon of https://thehermes.kr 구름팡팡 [2010.08.04 00:27 신고]  수정/삭제

      제가 중간에서 설명 드렸듯이 스킨 제작자가 카테고리를 기본으로 펼침 형태로 만들었다면 [##_category_list_##]라고 되어 있을 것이고,
      기본으로 닫힘 형태로 만들었다면 [##_category_##]라고 되어 있을 거예요.

      기본적으로 카테고리고 전부 열려 있는 스킨이라서 원하는 항목만 닫고 싶으시다면, 역으로 이용하시면 됩니다.

      [##_category_list_##]를 [##_category_##]로 고치면 기본적으로 전부 닫혀 있는 형태가 되니까 그 중에서 열고 싶은 것만 제가 알려드린 방법대로 열어버리면, 나머진 자동으로 닫혀 있는 상태가 되겠죠?

      (+) 다만 스킨을 제작하는 당시에 기본으로 열림 또는 닫힘 상태를 염두에 두고 디자인을 했을 것이기에 치환자를 바로 고치면 카테고리 영역이 이상해 질 수도 있어요. 그러니 미리보기로 테스트 한 번 해보시고 잘 되면 적용시켜 주세요.

  6. 감사합니다 [2010.08.04 14:52]  수정/삭제  댓글쓰기

    그런데 위에 답변달아주신것처럼 스킨 제작자가 로 만들어서 열림상태를 벗어나면 카테고리설정의 스킨으로 설정이됩니다. 저 폴더모양에 스킨제작자가 폴더 이미지를 다른것을 달았거든요. 그런데 로 하면 설정이 다시 기본으로 되어서 영역이 이상해져요. 이렇게 어디를 손봐야할까요?

  7. 감사합니다 [2010.08.04 14:54]  수정/삭제  댓글쓰기

    #sidebar ul li #category ul{
    }
    #sidebar ul li #category ul li ul{
    padding:0;
    }
    #sidebar ul li #category ul li{
    padding:0;
    border:none;
    }
    #category ul li a{
    display:block;
    padding:5px 0 0px 20px;
    background:url(./images/folder-horizontal.png) no-repeat 0 7px;
    }
    #category ul li a:hover{
    padding:5px 0 0px 20px;
    background:url(./images/folder-horizontal-open.png) no-repeat 0 7px;
    }

    여기 어느 부분인것 같은데요..

    • Favicon of https://thehermes.kr 구름팡팡 [2010.08.04 16:49 신고]  수정/삭제

      기본적으로 스킨이 어떤 형태로 되어 있나요?[##_category_##]밑에 아래 스크립트가 있다면 지워주시는 것만으로도 카테고리를 모두 닫힘 상태로 만들 수 있습니다.

      <script language="JavaScript"> try { expandTree ( ); } catch ( e ) { }
      </script>

  8. 그리고 ㅠ [2010.08.04 15:01]  수정/삭제  댓글쓰기

    Links도 접는 방법 알려주시면 감사드릴게요..

    여러모로 죄송합니다.. ㅠㅠ

  9. Favicon of http://kayish.tistory.com ShilenKay [2010.11.16 01:35]  수정/삭제  댓글쓰기

    후아.. 찾던 정보를 이제야 찾았네요 ㅠ
    소스보다가 눈 다 버릴거같아요.. 'ㅡ'

    좋은정보 정말 감사합니다 !

  10. Favicon of http://anna.tistory.com 안나 [2011.01.22 18:06]  수정/삭제  댓글쓰기

    감사합니다.
    계속 답답하게 생각하던 부분인데 쉽게 설명해 주셨네요
    ^^

    • Favicon of https://thehermes.kr 구름팡팡 [2011.01.23 14:14 신고]  수정/삭제

      도움이 되었다고 하시니 뿌듯하네요^^
      요즘 블로그에 글을 잘 못 쓰고 있어서 찾아주시는 분들께 죄송한 마음 뿐입니다ㅠ

  11. Favicon of http://dotgirl.tistory.com/ Dot Girl [2011.03.25 17:58]  수정/삭제  댓글쓰기

    정말 하고 싶었던 것인데 할 줄 몰라서..; 포기하고 있었는데^^
    수정하는데 시간이 엄청나게 걸리긴했지만...눈알 빠지는줄..=ㅅ=;; 용어를 몰라서;; ㅋㅋ 그림 맞추기했네요^^;
    어쨌든 완성되었어요^^ 너무 감사드려요~

    • Favicon of https://thehermes.kr 구름팡팡 [2011.03.26 23:56 신고]  수정/삭제

      그럴 때 정말 난감하죠^^
      뭔가 하고 싶은 게 있는데, 그래서 검색하고 싶은데
      어떤 검색어를 선택해야 만족스러운 검색결과를 얻을 수 있을지 모를 때 말이에요ㅋㅋ

  12. 어린아이 [2011.12.27 18:25]  수정/삭제  댓글쓰기

    정말 찾고 있던 정보인데 감사합니다^^*

  13. Favicon of http://710214.tistory.com silverly [2012.07.13 15:53]  수정/삭제  댓글쓰기

    오오, 드디어 카테고리를 닫았습니다.ㅎㅎ
    감사합니다!

  14. [2012.08.09 14:43]  수정/삭제  댓글쓰기

    비밀댓글입니다

    • Favicon of https://thehermes.kr 구름팡팡 [2012.08.10 09:55 신고]  수정/삭제

      그렇죠. 해당 아이디를 찾아서 글 아랫부분에 추가로 넣어야 된다고 설명한 스크립트에 그 아이디 번호를 넣어주면 됩니다.

  15. Kong [2014.02.26 15:32]  수정/삭제  댓글쓰기

    카테고리 몇개 글자색을 바꾸거나 진하게 하려면 어떻게 해야하나요?

  16. [2015.07.11 17:02]  수정/삭제  댓글쓰기

    비밀댓글입니다