[티스토리] 카테고리 목록 펼치기

티스토리 블로그를 처음 하시다보면 기본적으로 카테고리가 닫혀 있는걸 아시나요? 글을 많이 올리시는분들이라면 세부 카테고리를 만들어 글의 성격에 맞게 분류를 하실텐데요. 

내가 만든 블로그인데 예쁘게 잘 꾸며져 있나 확인하러 직접 확인해보다면 고정으로 닫혀 있어 불편하신 분들이 있으실 겁니다. 

네이버 블로그는 손쉽게 카테고리목록 펼치기라는 체크버튼만 눌러주면 되는데 티스토리는 그렇지 않습니다. 

관리자 설정으로 들어가 글 목록이나 카테고리 설정, 글 설정 어디를 들어가도 전혀 카테고리 목록을 조정할 수 있는 방법이 없거든요. 

■ 티스토리와 네이버블로그의 차이

그점은 티스토리와 네이버블로그의 차이점만 아신다면 조금은 이해하실 수 있을겁니다. 

네이버 블로그는 누구나 네이버 아이디만 있다면 쉽게 블로그 개설이 가능하고 네이버에서 만들어 놓은 틀 안에서만 운영이 가능합니다. 반면 티스토리는 설치형 블로그로 확장성이 가능하며 HTML과 CSS로 직접 수정이 가능합니다. 

여기서 눈치 채셨나요?? 

요약하자면 네이버 블로그는 만들어 놓은 틀안에서만 디자인 수정이 관리하느라 기본적인 꾸미기는 쉽게 설정이 바꿀수 있게 해놓았지만 전문적인 꾸미기는 불가능한다는 점이고 티스토리는 HTML로 수정이 가능한 전문가용 블로그이기 때문에 소스 하나로 내가 원하는 입맛대로 꾸미고 볶고 요리 할 수 있다는 점이죠 ^^

2015/08/28 - 네이버 블로그와 티스토리 뭐로 시작할까

그러므로 카테고리 목록 펼치기는 HTML/CSS편집에서 소스를 하나 추가해 주시면 되겠습니다.

어렵게 생각하지 마시고 초보자들도 쉽게 따라올 수 있는 방법이니 사진을 보면서 천천히 따라 하세요~!!

■ 티스토리 카테고리 목록 펼치는 방법

자 먼저 이렇게 블로그 카테고리가 닫혀 있는 모습입니다. 기껏 열어놓고 새로고침이나 다른 사이트 방문하고 뒤돌아가기 눌르셨다면 또 다시 닫혀 있을겁니다.

티스토리 관리자모드로 들어갑니다. HTML / CSS 편집 보이시죠? 클릭해 보겠습니다.

들어가면 크게 두가지로 skin.html 과 style.css 가 있습니다. 여기서 저희가 수정해야할건

skin.html안에 있는 소스 중에 카테고리 모듈입니다.

컨트롤F 눌러서 카테고리라는 단어를 찾아보겠습니다.

 카테고리 모듈이 보이네요. 그 위에 <s_sidebar_element>가 보이고 저 밑에 </s_sidebar_element>가 보이시나요? 

그 사이에 소스를 추가해 줄건데요. 소스가 꼬이지 않게 </s_sidebar_element> 바로 위에

<SCRIPT language=JavaScript>try{expandTree();}catch(e){}</SCRIPT> 를 복사하여 붙여넣기 해줍니다.

이렇게 붙인 모습 보이시나요? 추가적으로 나중에 이 소스가 무엇인지 알기 쉽게 위 아래에

<!-- 카테고리 xxx -->를 넣어 훗날을 대비하도록 합니다. 

그리고 마지막으로 주의사항을 하나 말씀드리자면 스킨을 바꾸실때마다 이 작업을 해줘야 된다는 점 잊지 마시기 바랍니다.

---

<!-- 카테고리 펼침 소스 시작 -->

<SCRIPT language=JavaScript>try{expandTree();}catch(e){}</SCRIPT>

<!-- 카테고리 펼침 소스 끝 -->

---