티스토리에서 원하는 카테고리만 펼치는 방법
티스토리에서는 네이버처럼 카테고리를 접거나 펼치는 설정을 제공해 주지 않고, 기본적으로 모든 카테고리가 접혀져 있습니다. 그래서 하위 카테고리를 보여주고자 할 때 에로사항이 많습니다.
지난번 포스팅(▷보기)에서는 카테고리 전체를 펼쳐보여주기를 살펴보았는데..
이번에는 원하는 카테고리만 선별해서 펼쳐보이는 방법을 알아보겠습니다..
1. 먼저 관리자 모드로 들어가 카테고리 설정 메뉴를 선택합니다.
2. 화면에서 마우스 오른족 클릭하여 페이지 소스보기(v) 메뉴를 클릭합니다.
3. 소스 화면에서 Ctrl+F 하여 카테고리 명을 찾습니다.
4. 위 화면에서 해당 카테고리의 li 태그의 id 고유넘버를 일단 메모장으로 복사해둡니다.(저는 501372를 선택했습니다.)
5. 관리자 모드로 다시들어가 HTML/CSS 편집 메뉴로 들어가 skin.html 편집창에서
|
6.
코드 밑에 아래의 코드를 추가합니다.
이 코드는 해당 카테고리의 하위 메뉴를 현재 상태와 반대상태로 만들어 주는 코드인데, 티스토리 카테고리 디폴트 설정이 접힘이므로, 이 코드 삽입시 해당 카테고리는 펼쳐지게 됩니다.
만약, 지난 포스팅에서 실행했던 전체 폴더 펼침 상태가 현재 설정된 상태라면, 반대로 이 카테고리는 접혀있게 됩니다.
<script language="javascript">toggleFolder('501372');</script>
7. 저장후 블로그로 돌아와 보면 아래 그림처럼 해당 카테고리만 펼쳐져 있는 것을 확인할 수 있습니다.
8. 이제 2개 이상의 카테고리를 동시에 펼쳐지도록 설정하는 코드를 좀더 추가해 보도록 하겠습니다.
6번 항목의 skin.html 편집으로 다시 가서, 위에서 추가했던 코드에 원하는 카테고리의 id 넘버를 더 추가해 보겠습니다.
저는 미래설계와 해외마케팅 월300벌기 카테고리, 2개를 더 펼쳐보겠습니다.
3번 항목에서 하였듯이 해당 카테고리 고유 id 넘버를 찾아서 다음과 같이 코드를 추가해 줍니다.
toggleFolder('고유id'); 코드를 추가해주면 됩니다.
9. 위에서 선택한 카테고리만 펼쳐진 모습을 볼 수 있습니다.
완료되었네요...^^..
역시 지난번 예기한 것처럼 코드 수정하기 전에 원본은 따로 백업해 두는 거 잊지마세요..^^.
