티스토리 블로그  카테고리 메뉴를 펴쳐 보자








티스토리 (Tistory) 블로그 (Blog)를 알게된지도

어언 2년이 넘어 가는것 같습니다.

네이버 블로그를 이용하다가 다양한 제약 사항으로 인해서

결국 티스토리 블로그로 넘어 왔는데요

아직도 많은 부분들을 배워 가고 있습니다.





 
오늘은 티스토리 블로그 사이드 바에 있는 카테고리 목록을 펼쳐 보는 방법을 알려 드릴게요









첫 화면은 카테고리 메뉴에서 하위메뉴들은 자동으로 숨김으로 표시 되는것이구요,

두번째 화면은 카테고리 메뉴에서 하위메뉴까지 모두 펼쳐서 보여 주는 화면 입니다.



티스토리 블로그를 깔끔하게 관리 하고자 카테고리 메뉴에서 하위메뉴를 숨김으로 이용하시는 분들도 많이 있습니다.

공간 차지도 적게 하고 깔끔한 이미지를 보여 줄 수 있기 때문이죠

그래서 저도 처음에는 숨김 모드를 이용하였으나,


요근래 다른 카테고리에 포스팅 하는 경우가 생겨서 ...

글을 확인 하고자 할때, 또는 필요한 사항을 확인 하려 할때

플러스 기호를 눌러서 하위 메뉴 확장해서 글 확인 화고 하는 일련의 작업들이 불편하더라구요

그래서 이번에 새롭게 자동으로 카테고리를 펴쳐 보이도록 설정을 해보았습니다.

( 카테고리를 펼쳐보니 사용하지 않는것들도 눈에 띄고 추후에 카테고리 메뉴를 정리해야 할듯 하네요 ;;;)










카테고리 메뉴를 자동 펼침으로 하지 않아서 참 깔끔해 보이죠??

심플하고 사이드 바 공간 차지도 별루 안하는것 같고....요

하위 메뉴가 있는 카테고리는 붉은 색으로 표시 되어서 은근 지루함을 느끼지도 않구요

하지만 변형을 해보 겠습니다. ㅋ








티스토리 블로그 관리자 화면에서요

스킨 -> HTML / CSS 편집 메뉴 선택 -> skin.html 파일을 수정 합니다.

Ctrl+F 단축키'카테고리 모듈' 검색해서
분류 전체보기
Life Cycle
tips
Personal Project
C#
IT Info(?)
fun fun
Side Jobs
Programs
부분을 찾습니다.

바로 아래쪽에 (위 이미지에서 붉은색으로 표시 해둔 부분)

카테고리 메뉴 자동으로 펼침 기능을 수행할 스크립트 코드를 작성 합니다.

(  이용하시는 블로그에 따라서 소스 코드가 약간 다를 수 있습니다. )








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



카테고리 트리 메뉴를 확장해 주는 스크립트 코드 입니다.

이 코드를 작성해 주시면 자동으로 카테고리 메뉴가 확장되어 표시 됩니다.









티스토리 블로그 사이드 바에 표시되는

카테고리 메뉴 항목이 정리 되지 않은 상태라 쬐끔(?) 지저분해 보일수도 있겠네요

사용하지 않는 카테고리도 있꼬... ㅎㅎ;



잘 정리된 카테고리를 운영하신다면

블로그의 구조를 한눈에 쉽게 파악 할 수 도 있고

방문자 입장에서도 찾고자 하는 정보를 바로 찾아 볼 수 있지 않을 생각 하네요 ^^






하루 하루 새로운 기능들을 익혀 가면서

블로그에 대한 새로운 인식이 생성되는것 같기도 하네요

네이버나 다음처럼 포털 사이트 블로그에 비해서

티스토리 블로그 같은 설치형 블로그의 이점이 아닐까 합니다.

블로거들이 손대고 싶은데로 꾸미고 싶은대로 자유(Free)를 누린다는거... 쫌 좋죠??? ^^
















+ Recent posts