티스토리 사이드바 카테고리 펼치기(2가지 방법)

자신이 운영하는 블로그 사이드바에 카테고리는 기본적으로 노출시키고 있습니다(어떤 블로그를 보면 일부러 노출하지 않는 경우도 있더군요.

 

오직 검색해서 그 페이지만 볼 수 있게끔 말이죠). 티스토리를 한번이라도 운영해본 사람이라면 누구나 이 방법을 아실꺼라고 보고..복습의 차원에서 포스팅을 해보려고 합니다.

 

 

예전에 제가 카테고리 펼치기를 할때는 스크립트를 복사해서 붙여넣는 방법을 사용했었는데..알고 보니까 이 방법외에도 아주 간단한 방법도 있더라구요.

 

티스토리 자체는 카테고리를 만들고 수정하고 꾸미는 정도의 기능만 있고, 카테고리를 펼치고 닫는 기능이 없습니다. 그래서 따로 만들어주면 더 편할텐데 여전히 그런 기능이 없는게 아쉽네요.

 

현재 이 블로그의 사이드바에 있는 카테고리입니다. 안펼쳐진 상태에서는 저렇게 각각 제일 상위 카테고리만 보여지게 되는데..이때 앞쪽에 있는 조그만 아이콘들 눌러보면 하위 카테고리도 직접 확인이 가능해요.

 

1. 치환차를 바꿔주는 방법

티스토리 'html/css' 편집화면으로 가서 skin.html에 있는 사이드바 카테고리 부분이 어디에 있는지 검색해보면 치환차"##_category_##"라고 되어 있다는 것을 확인할 수 있습니다.

 

치환자를 바꿔서 사이드바 카테고리를 펼치는 방법은 정말 간단합니다..

 

티스토리 사이드바 카테고리 펼치기(2가지 방법)

 

 

애초에 티스토리 블로그의 사사이드바 카테고리는 "##_category_##"라고 되어있는데..이 부분을 "##_category_list_##"으로 바꿔주기만 하면 되니까요^^

 

해석하자면 그냥 단순한 카테고리를 하위 카테고리까지 리스트화 시키는 거죠.

 

적용하면 위와 같이 사이드바에 노출되는 카테고리부분이 모두 펼쳐지게 됩니다.

 

2.카테고리 펼치기 스크립트 삽입하기

두번째 방법은 가장 흔하게 쓰는 방법인데요..자바스크립트를 html에 넣어주는 방법이에요. 누가 만들었는지는 모르겠지만..

 

<script language="JavaScript">try{expandTree();}catch(e){}</script>라는 아주 단순하고 짧은 스크립트인데.

 

이 녀석을 html에 있는 "##_category_##"바로 뒤에 삽입해주면 끝입니다.

 

해당 스크립트를 넣고 적용하자마자 확인해보면 위와 같이 사이드바에 있는 카테고리가 정상적으로 모두 펼쳐진채 노출되게 되는데..자세히 보면 뭔가 좀 다르죠?

 

치환차만 바꿔졌을때는 약간 망가져(?)보였는데 각 카테고리 앞쪽에 있는 조그만 아이콘(티스토리에서 제공하는 카테고리 스타일)이 정상적으로 보입니다.

 

이러한 이유는 모르겠지만 각각 장단점이 있는 것 같네요..

 

아시다시피 html에 자바스크립트 삽입은  블로그 페이지의 로딩속도를 저하시키기 때문에 최대한 하지 않는 것이 좋습니다. 삽입하는 소스는 아래에 텍스트파일로 첨부했습니다.

티스토리 사이드바 카테고리 펼치기(스크립트).txt

다운로드

 

✅티스토리 블로그 오래된 포스팅 사진 확대 오류 해결하기

티스토리 블로그 오래된 포스팅 사진 확대 오류 해결하기

✅다음뷰 서비스 폐지소식~소문이 현실이 되다.

다음뷰 서비스 폐지소식~소문이 현실이 되다.

✅티스토리 공감버튼 위치 변경 또는 숨기는 방법

티스토리 공감버튼 위치 변경 또는 숨기는 방법

✅티스토리 '예약발행' 오류 해결하기

티스토리 '예약발행' 오류 해결하기