티스토리 카테고리 모두 펼치기 방법! (하위 카테고리를 모두 보여주는 방법)에 대한 열화 아니 활화산과도 같은 성원에 대단히 감사드립니다. 성원에 힘입어, 이번에는 카테고리 모두 펼치기 방법 중 더 쉽고 간단한 방법을 두 가지 더 알려드리겠습니다. (※저의 영원한 백과사전이신 매너좋으신 안군님친절하신 엠의세계님께서 가르쳐주신 방법입니다.)


어제의 방법은 자바스크립트를 입력하는 것이고, 오늘 알려드릴 방법은 치환자를 입력하는 것인데 웹맹인 저는 솔직히 이게 무슨 말인지 모릅니다.


어쨋든
자바스크립트를 입력해도 명령이 실행되지 않는 분들을 위한 바디태그 변경 방법~

1. 관리자메뉴 의 스킨 변경에서 HTML/CSS 편집으로 가세요.
2. skin.html 에 가셔서 상단 부분 <body> 태그를 찾으세요. (Ctrl+F 하시면 빨리 찾아요.)
3. <body> 태그에 onload="expandTree()" 를 삽입하시고, 저장하세요.

<body> → <body onload="expandTree()">

이것만 입력하시면 끝~~입니다.



두 방법은 약간의 차이가 있습니다.
(미리보기 결과는 둘 다 같습니다.)

자바스크립트 방법을 적용하면, 로딩 직후 하위카테고리가 모두 펼쳐진 상태로 보여집니다.
하지만 두번째 바디태그를 수정했을 경우에는 페이지가 모두 로딩된 후 3∼5초 정도의 시간이 흐른 뒤 하위 카테고리가 열린다는 말이 있습니다. 제가 시험해봤을 때는 이런 증상이 없었고, 자세히는 모르겠습니다.
(만약 스킨에 따른, 혹은 이 명령어에 따른 차이점이 있다면 알려주시면 감사하겠습니다.)



다음은 치환자를 이용하는 방법입니다.

1. 관리자메뉴 의 스킨 변경에서 HTML/CSS 편집으로 가세요.
2. skin.html 에 가셔서 상단 부분  [##_category_##]를 찾으세요. (Ctrl+F 하시면 빨리 찾아요.)
3.[##_category_##]에서 list_ 를 삽입하시고, 저장하세요.

[샵샵_category_샵샵] → [샵샵_category_list_샵샵]
(샵을 #으로 바꿔서 사용. #이 명령어의 일종이라 출력이 안되거든요.)


이것만 입력하시면 끝~~입니다.
이것도 정말 쉽죠? ^^

이 방법에 대한 자세한 설명은
재아님의 블로그에 있습니다.


그런데 이 방법으로 하시면 트리의 모양이 아주 약간 다릅니다.
비교를 위해서 캡쳐샷을 올려드리겠습니다.

사용자 삽입 이미지

①번은 어제 말씀드린 자바스크립트와 오늘의 <body>태그수정 방법이고, ②번은 바로 위의 치환자를 이용했을 때의 카테고리 트리 모양입니다.  마음에 드는 모양으로 선택하세요^^

신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by 파란토마토

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. Favicon of http://lonelysunday.tistory.com BlogIcon 달빛 그림자 2008.01.05 08:30 신고  댓글주소  수정/삭제  댓글쓰기

    어제 올려주신 팁보다 더 쉽군요.
    언제든 필요해지면 꼭 써먹어 볼께요 ~

  3. Favicon of http://mdiary.tistory.com BlogIcon CAFE LUCY 2008.01.05 09:10 신고  댓글주소  수정/삭제  댓글쓰기

    body을 바꾸는 방법은 확실히 로딩이 완료 된 후에 펼쳐집니다. 단점으로 작용하죠. 하지만 간단하다는 건 장점이죠.

  4. Favicon of http://sata.tistory.com BlogIcon 38 2008.01.05 10:17 신고  댓글주소  수정/삭제  댓글쓰기

    좋은 팁, 감사합니다.^^

  5. Favicon of http://raingallery.kr BlogIcon 장대비 2008.01.05 23:13 신고  댓글주소  수정/삭제  댓글쓰기

    아..이런방법도 있었군요..알면 알수록 끝이없는 웹의세계

  6. Favicon of http://catclow.tistory.com BlogIcon 발톱냥 2008.01.06 12:00 신고  댓글주소  수정/삭제  댓글쓰기

    으하하.. 감사합니다. +_+

  7. Favicon of http://redfoxxx.tistory.com BlogIcon 빨간여우 2008.01.08 16:52 신고  댓글주소  수정/삭제  댓글쓰기

    저도 이제는 펼쳐 놓았습니다.
    훨씬 보기가 낳군요..시원스럽기도하고...^^
    구경 오실꺼죠...^^*

  8. Favicon of http://echo7995.tistory.com BlogIcon 에코♡ 2008.01.09 01:19 신고  댓글주소  수정/삭제  댓글쓰기

    저도 지금 1번 방법으로 바꿨는데 몇초뒤에 펼쳐지더라구요^^ 밑에 list를 사용하면 좀 이상하게 되고 ㅠㅠ
    내 원래 스킨에 문제가 좀 있나?ㅜ

  9. Favicon of http://meffect.tistory.com BlogIcon 달빛효과 2008.01.26 22:50 신고  댓글주소  수정/삭제  댓글쓰기

    찾던 팁이었는데~~~
    감사감사감사임돠..^^

  10. Favicon of http://sweetmind.tistory.com BlogIcon 암팡진 2008.02.02 14:55 신고  댓글주소  수정/삭제  댓글쓰기

    아 완전 감사합니다 저도 사실 몇시간 째 내내
    색상이랑 뭐 이것저것 바꾼다고 삽질? ㅜㅜ 시간투자 중이었는데
    좋은 정보 감사합니다 ^^

  11. Favicon of http://gokkobi.tistory.com BlogIcon 꼬비 2008.02.09 01:53 신고  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다 ^^
    덕분에 엄청 쉽게 카테고리를 펼치게 됬어요

  12. Favicon of http://ngarden.tistory.com BlogIcon 신다 2008.02.14 02:50 신고  댓글주소  수정/삭제  댓글쓰기

    혹시 카테고리 트리 모양 없애고, 그냥 리스트형식으로 나오게하는 방법은 없나용?

    • Favicon of http://blutom.tistory.com BlogIcon 파란토마토 2008.02.14 17:35 신고  댓글주소  수정/삭제

      아하. 신다님, 그렇게 하려면 이 방법 자체가 필요가 없습니다. 그럴 때는 그냥 카테고리를 죽~~ 만들어 놓으면 펼칠 필요도 없이 리스트가 죽 나타나거든요. 이 방법은 저처럼 영어 밑에 영어문법, 회화,, 읽을거리 밑에 역사, 블로그.. 이런 식으로 큰 카테고리 아래에 작은 카테고리를 만들었을 때 필요한 방법입니다. 티스토리는 작은 카테고리는 무조건 숨어버리는데 그게 보기 싫어서 이렇게 펼치는 것이거든요.

  13. Favicon of http://reeni.net BlogIcon 리니♡ 2008.02.24 20:16 신고  댓글주소  수정/삭제  댓글쓰기

    저는 펼치는 것이 아니라 닫아두고 싶었는데
    이미 ##_category_##로 되어 있는데 리스트는 펼쳐져 있어서
    어떻게 해야하나 했는데 1번으로 해봤더니 되네요 ^^
    감사해요~ㅋ

    • Favicon of http://blutom.tistory.com BlogIcon 파란토마토 2008.02.24 21:49 신고  댓글주소  수정/삭제

      도움이 되었다니 다행이군요^^ 근데 카테고리가 많지 않으면 열고 닫을 필요가 없지 않나요. 그냥 리스트식으로 죽 늘어놓으면 되니까요.

  14. Favicon of http://www.schokie.com BlogIcon S.chokie 2008.04.01 23:45 신고  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다. ^^;;
    관리자 메뉴에서 당연히 있을 줄 알았는데 없어서 불편했었거든요.

  15. Favicon of http://musecat.tistory.com BlogIcon 뮤즈캣 2008.04.05 20:46 신고  댓글주소  수정/삭제  댓글쓰기

    님 덕분에 카테고리로 인한 골치아픈 문제 해결 되었네요. 정말 감사합니다^^

  16. Favicon of http://pilotworld.tistory.com BlogIcon 파일럿 2008.06.22 15:21 신고  댓글주소  수정/삭제  댓글쓰기

    이 방법을 이용해 제 블로그에도 펼쳐지게 만들었습니다.
    정말 감사합니다.

  17. Favicon of http://tileholic.tistory.com BlogIcon stonepixel™ 2008.08.10 00:58 신고  댓글주소  수정/삭제  댓글쓰기

    티스토리 카테고리 추가 자체를 못찾겠는데 어디서 추가하는겁니까..??
    관리페이지 너무 어렵게 만들어놨다 정말 무슨 카테고리 목록 추가하는데 30분을 뒤져도
    안나오냐..

    • Favicon of http://blutom.tistory.com BlogIcon 파란토마토 2008.11.10 03:38 신고  댓글주소  수정/삭제

      안녕하세요. 답글 늦어서 죄송합니다. 카테고리는 아마 관리자-스킨-카테고리 관리에 가시면 있을거에요. 메뉴모양을 변경하는 것도 거기서 가능하시구요.

  18. Favicon of http://fraueva.tistory.com BlogIcon Frau Eva 2009.03.21 01:20 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다. ^^ 덕분에 카테고리를 펼칠 수 있었어요~

  19. Favicon of http://wmacaron.tistory.com BlogIcon 레뒤마카롱 2009.12.15 17:35 신고  댓글주소  수정/삭제  댓글쓰기

    ^^ 감사합니다. 도움많이 됬어요~~

  20. Favicon of http://slasik.tistory.com BlogIcon webmaster@slasik.com 2010.05.22 12:50 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다~
    두번째 방법으로 하니 저는 트리의 옆줄이 완전 없어져서 안나왔었는데
    첫번째 방법으로 완전 해결보았습니다~ ^^

  21. Favicon of http://bandko.tistory.com BlogIcon mugreem 2010.09.14 03:45 신고  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사드립니다. ^^
    으..ㅠ.ㅠ.. 근데 왜 저는 1번 2번 다 해봤는데 안될까요..
    오늘은 너무 늦었으니..
    내일 다시 해봐야겠네요 !
    아무튼 좋은 밤되세요 ㅋㅋ



티스토리 툴바