티스토리 블로그 카테고리 펼치기/접기
안녕하세요? 구름팡팡입니다.
오늘은 티스토리 블로그의 스킨을 수정하는 방법을 알려드릴 건데, 그 중에서도 카테고리를 펼치거나 접는 방법에 대해서 소개드리겠습니다.
당최 감이 안오신다구요?
 |
 |
 |
이렇게 말입니다. 블로그에 처음 접속할 때 특정 카테고리만 열어 놓는다거나, 특정 카테고리만 닫아 놓는 것이 가능합니다.
제 블로그의 경우는 'Blog'라는 카테고리만 닫혀 있었는데, 오늘 새벽에 블로그 이미지를 넣으면서 사이드바가 조금 커지는 바람에 지금은 전부 열어 놓은 상태입니다.
아무튼, 특정 카테고리만 펼치거나 접는 법을 지금부터 소개해 드리겠습니다.
먼저 관리자 화면으로 들어가셔서 '카테고리 설정'으로 들어가세요.
위 사진처럼 카테고리 설정 페이지에서 마우스 오른쪽 버튼을 눌러서 '소스 보기'를 눌러줍시다.
카테고리를 설정하는 부분(사진에서 왼쪽 박스 안)에서 마우스 클릭을 할 경우에는 '소스 보기' 메뉴가 뜨지 않기 때문에 왼쪽 박스 바깥 부분에서 클릭 하셔야 됩니다.
소스 보기를 누르면 메모장에 다음과 같은 소스가 보일 겁니다. 아래쪽으로 스크롤을 쭉 내리면 카테고리와 관련된 설정 부분을 보실 수 있습니다.
제 블로그 같은 경우는 가장 상위 카테고리가 'Appendix', 'Blog', 'Video Contents', 'Private' 인데요, 그 중에서 하위 카테고리가 있어서 펼칠 수 있는 건
앞의 3개('Appendix', 'Blog', 'Video Contents') 입니다.
여기서 필요한 건 해당 카테고리의 id인데요, 사진에서 밑줄을 그어 놓은 부분입니다. 이 id를 잘 기억합시다.
다음은 skin.html을 수정해야 합니다.
skin.html 수정 부분으로 들어가서 'category'를 검색하면 아래 화면을 찾으실 수 있습니다.
여기서 제 스킨처럼 ［##_category_##］로 되어 있다면 기본적으로 카테고리 목록이 전부 닫혀있는 형태의 스킨인 것이고,
［##_category_list_##］로 되어 있다면 기본적으로 카테고리 목록이 전부 펼쳐있는 형태의 스킨인 것입니다.
즉 카테고리를 전부 펼치거나 전부 닫고 싶으시면 이 부분만 수정해 주시면 됩니다.
하지만 특정 카테고리만 열기 위해서는 아래와 같은 작업을 한 번 더 거쳐야 합니다.
［##_category_##］
← 사진처럼 이 사이에 스크립트를 넣어야 합니다.
</div>
<script language="JavaScript">toggleFolder('196198'); </script>
<script language="JavaScript">toggleFolder('202517'); </script>
위 스크립트를 복사해서 아까 확인했던 id의 숫자 부분만 교체해 주시면 적용이 가능합니다.
제 블로그는 카테고리 전체를 다 열어놓았으면서 좀 더 간편한 방법인 ［##_category_list_##］로 수정하지 않고 3개의 항목마다 다 스크립트를 적용해 놓았는지 궁금해 하시는 분이 계실 겁니다. 저는 필요에 따라서 언제고 카테고리를 펼쳤다가 접었다가 하기 때문에 해당 부분에 대해서 수정하기 편하게 하려고 이렇게 개별적으로 모두 설정을 해 두었습니다.
아무튼 이렇게 3개를 다 설정하면 지금 제 블로그처럼 카테고리가 모두 펼쳐져 있는 모습을 보실 수 있습니다.
이 문제 때문에 골머리를 썩으신 분들께 많은 도움이 되셨길 바랍니다^^