본문 바로가기

문과생의 컴퓨터 이야기/티스토리

[티스토리] 카테고리 접기 & 펼치기

반응형

저는 아직 티스토리를 시작한지 얼마 안 됐고

초보중의 초보라서 기본 스킨을 사용 중입니다.

이제 슬슬 포스팅 올리는데 재미를 붙여가고 있는데요.

이런저런 글들을 분류해서 올리다 보니 점점 카테고리가 늘어나고 있습니다.

길죠?

이거 자체의 길이는 신경 쓰지 않는데 자꾸 옆에 스크롤바가 생기는 게 신경이 쓰이기 시작했습니다.

 

그래서 오늘 알아볼 티스토리 꾸미기는 바로 [카테고리 펼치기 & 접기] 입니다.

HTML 편집을 해야 하지만 복잡하지 않고 간단한 내용이니 겁먹지 마시고 따라 해 보시기 바랍니다.

 

이제 저희가 자주 봐야 하는 블로그 관리에서 스킨 편집으로 들어가 줍니다.

그리고 스킨 편집에서 HTML 편집을 클릭

네 알고 있습니다

어렵습니다.

영어도 많고 슬러쉬도 많고 샵도 많고 뭐가 많네요.

오늘 할 내용은 카테고리입니다.

복잡하게 생각하지 마시고 HTML 편집창에서 [ctrl + F]를 눌러 찾기 메뉴를 실행해줍니다.

그리고 검색할 내용은 역시 category 입니다.

카테고리라고 치면 검색되는 내용이 많습니다.

역시나 겁먹지 마시구요.

보이시죠? 똑같은걸 찾으면 됩니다.

카테고리가 저처럼 펼쳐진 모양으로 있으신 분은 옆에 _list_ 가 붙어있을 거고 

접어진 카테고리를 찾으시는 분들은 _##]으로 끝나 있을 겁니다.

눈치가 빠르신 분들은 아셨겠지만

카테고리를 접으려면

분류 전체보기 (246)
화제의 스토리 (2)
재테크 이야기 (6)
육아용품 이야기 (0)
집 이야기 (86)
쇼핑후기 (87)
문과생의 컴퓨터 이야기 (35)
건강 이야기 (14)
으로, 반대로 펼치려면  로 변경해주시면 됩니다.

간단하죠?

이렇게 입력하면

이렇게 카테고리가 대분류만 나눠지게 됩니다.

한결 깔끔해졌네요.

 

만약에 이렇게 접어진거보다 펼쳐진 상태로 놔두고 싶다 하시는 분들은

요런 모양으로 놔둬서 스크롤 없이 한눈에 카테고리가 보이는 게 좋다고 생각하시는 분들은

아까 저희가 만진 부분 아래에다

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

이 문구를 삽입해주시면 됩니다.

이런 식으로 입력해주시면 카테고리가 항상 펼쳐지게 됩니다.

 

세줄 요약

1. 카테고리 접을 때 - 

분류 전체보기 (246)
화제의 스토리 (2)
재테크 이야기 (6)
육아용품 이야기 (0)
집 이야기 (86)
쇼핑후기 (87)
문과생의 컴퓨터 이야기 (35)
건강 이야기 (14)
 

2. 카테고리 펼 때 - 

3. 1번 모양으로 펴놓고 싶을 때 - <SCRIPT language=JavaScript>try{expandTree();}catch(e){}] 추가

 

간단하죠?

겁먹으면 아무것도 할 수 없습니다.

도전합시다 여러분!!

 

다음엔 카테고리를 좀 더 이쁘게 꾸미는 방법을 가지고 와 보도록 하겠습니다.

반응형