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


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


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

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>태그수정 방법이고, ②번은 바로 위의 치환자를 이용했을 때의 카테고리 트리 모양입니다.  마음에 드는 모양으로 선택하세요^^

Posted by 파란토마토