7. 티스토리 카테고리 펼치기/부분 펼치기 - Cooltime의 블로그 초보탈출 설명서

이번에 다음 뷰에 관한 글을 적을려고 했으나

Miobot님께서 티스토리 블로그 카테고리 펼치는 방법을 문의하셔서 이렇게 먼저 글을 올려봅니다.

티스토리 카테고리 펼치기 / 부분 펼치기는 HTML를 이용해야됩니다.

HTML에 대해서 아무것도 몰라도 걱정하지 않으셔도 됩니다.

천천히 잘 따라 하시면 아무탈없이 성공하실것입니다.

카테고리 펼치기

 

카테고리 펼치기는 HTML/CSS를 약간 수정해야되는데,

HTML/CSS를 수정전에는 항상 메모장에 원본을 복사하여 유지해 놓는 습관을 들이도록 하는것이 좋습니다.

* skin.html 내용에 마우스 클릭 후 'Ctrl + A'를 누르면 전체선택이 됩니다. 

　여기서 복사(Ctrl + C)를 하시고 메모장에서 붙여넣기(Ctrl + V)를 하시면 간단하게 HTML/CSS을 메모장에 붙여넣을 수 있습니다.

* 메모장은 '2014.3.5-카테고리 펼치기전.txt' 형식으로 이름을 저장해놓으면 나중에 쉽게 알아볼 수 있습니다.

카테고리 펼치는 방법은 아주 간단합니다.

1. 관리센터에 접속합니다.

2. HTML/CSS 편집을 클릭합니다.

3. skin.html에서 찾기(Ctrl + F)를 눌러서 ##_category_## 을 검색합니다.  

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

5. 4번 문장을 위 사진처럼 </div> 밑에 삽입합니다.

6. 저장을 누르시면 카테고리가 펼쳐진것을 볼 수 있습니다.

위 사진처럼 카테고리가 펼쳐졌나요?

혹시 실패했으면 댓글 남겨주세요 ^^

카테고리 부분 펼치기

 

카테고리 부분 펼치기 방법은 조금 번거롭습니다.

하지만 많이 어렵지 않으니 따라해보시길 바랍니다.

1. 관리센터 -> 카테고리 설정을 클릭합니다.

2. '카테고리 미리보기'에서 마우스 오른쪽키를 한 후 '페이지 소스보기' 혹은 '소스보기'를 클릭합니다.

3. 'Ii id' 라고 검색하시면 위 사진과 비슷한 화면을 볼 수 있습니다.

Ii id='xxxxx'가 보일 것입니다. 펼칠려는 카테고리의 li id 번호를 외우시길 바랍니다.

저는 'IT'의 카테고리(212002)를 펼쳐보도록 하겠습니다.

4. HTML/CSS 편집에서 찾기(Ctrl + F)를 눌러 ##_category_## 을 검색합니다.  

5. <script language="JavaScript">toggleFolder('id숫자');</script>

6. 5번의 문장에서 id숫자를 아까외운 번호를 입력 후 위 이미지 처럼 </div> 밑에 삽입하면 됩니다.

* 주의사항

- 전체 펼치기와 중복으로 태그를 입력하면 안됩니다.

- 여러개를 펼치고 싶으면 엔터(Enter) 후 5번의 문장을 한번 더 입력하시면 됩니다.(id번호는 다르겠지요?)

저는 IT 카테고리만 펼쳤기에 위 화면처럼 되었습니다.

생각보다 HTML 수정방법이 어렵지 않지요?

혹시 안되는 부분이 있으면 댓글로 남겨주시면 감사하겠습니다. ^^