[티스토리 블로그 팁] 카테고리 메뉴 접고 & 펼치는 방법

티스토리 블로그를 블로그를 5년전에 시작하였으나, 그 때는 공부를 별로 안했는데 이제 제대로 꾸며볼려고 하니 정말 어려운 것들이 많네요. 티스토리 블로그는 카테고리 메뉴가 많으면 밑으로 지저분하게 늘려집니다. 이런 저런 잡글을 많이 쓴 블로그가 있는데 기본 스킨으로 변경하니 아래 그림처럼 카테고리가 보기 싫게 늘어나 있습니다. 사실 jb 유료 스킨썻는데 스퀘어 스킨이 더 많이 유입된다고 하여 과감하게 유료를 버리고 기본으로 왔더니 불편한게 있네요. 

 

스킨편집 ->  html 편집 이동

아무튼 카테고리 메뉴가 많아지면 왼쪽에 스크롤바가 생겨서 매우 불편합니다. 깔끔한 화면이 되어야하는데...그래서 카테고리 접고 펼치는 방법을 알아보도록 하겠습니다. 이것도 당연히 스킨편집으로 들어가야겠죠? 그 다음 html 편집을 클릭합니다. 

스킨 편집

html 편집화면이 나타납니다. 많이 어렵네요. 대학교때 홈페이지 만들때 코딩하던거 되새겨보도록 하겠습니다. 잘 생각해보면 어렵지가 않습니다. 

 

HTML 편집창에서 찾기(CTRL + F) 메뉴 실행 

html 편집창에서 반드시 마우스 클릭을 한 번 하고, 찾기를 실행하여 'category'를 검색합니다. 

검색해보면 위와 같이 기본 테마를 쓰시면서 카테고리를 펼쳐놓으신 분들은 _list_## 가 붙어 있을 겁니다. 접어진 카테고리를 쓰시는 분들은 _##]으로 끝나는 코딩으로 되어 있을 겁니다. 간단히 여기서 _list 를 삭제하겠습니다. 그럼 아래와 같이 카테고리가 접힙니다. 

카테고리 펼치고 접기

카테고리 펼친 모습과 접는 모습을 비교하여 보시기 바랍니다. 깔끔하게 접어진 것을 볼 수 있죠? 하지만 한가지 아쉬운게 있습니다. 깔끔하게 바뀌었지만 + 이 표시가 이쁘지는 않네요. 추후에 이쁘게 카테고리를 펼치고 접는 자바스크립트 소스를 구해서 공유하도록 하겠습니다.