티스토리 카테고리, 메뉴 목록 펼치는 방법

블로그

티스토리 카테고리, 메뉴 목록 펼치는 방법

 

환경: Internet Explorer 11

 

블로그의 종류에는 설치형과 가입형이 있습니다. 티스토리는 설치형에 속합니다. 엄밀히 말하면 설치형과 가입형의 중간 정도 되겠네요. 둘의 차이는 소스 수정에 있습니다. 설치형은 소스 수정을 못하지만 티스토리는 소스를 자신이 원하는 대로 수정할 수 있거든요. 오늘은 티스토리에서 메뉴를 접지 않고 펼쳐 보도록 하겠습니다. 관리자 페이지에 메뉴를 펼칠 수 있는 옵션이 없기 때문에 소스를 추가하는 수 밖에 없습니다.

 

티스토리는 기본적으로 메인 카테고리 하위에 메뉴가 접혀서 숨겨 지게 됩니다. 물론 스킨별로 제작자의 디자인 의도에 따라 펼쳐저 있는 경우도 있습니다. 만약 자신의 블로그에 카테고리를 펼치고 싶다면 어떻게 해야 할까요? 관리자 페이지에 옵션이 없기 때문에 소스를 편집해야 합니다.

티스토리 카테고리, 메뉴 목록 펼치는 방법

 

소스 편집을 위해 [관리자] > [HTML/CSS 편집]메뉴를 클릭합니다. 그럼 화면 분할이 되면서 오른쪽에 소스 수정을 위한 에디터 창이 나타납니다. 상단 HTML 탭을 클릭하고 카테고리가 있는 소스 위치를 찾아야겠죠. 검색을 위해 Ctrl + F 를 누른 후 검색어로 카테고리 를 입력합니다

티스토리 카테고리, 메뉴 목록 펼치는 방법

 


카테고리를 나타내는 치환자는 [##_category_##] 입니다. 이것은 누구도 바꿀 수 없는 것으로 안에 카테고리 관련 정보들이 모드 들어가 있습니다. [##_category_##] 를 소스에서 찾았으면 바로 아래 다음 소스를 집어 넣습니다. 메뉴를 펼치는 소스입니다. 내용은 간단한데 expandTree() 함수만 실행하면 끝입니다. 이 함수는 기본적으로 내장 되어 있는 함수여서 별도로 구현해 주지 않아도 됩니다.

 

<!--카테고리 펼치기 시작-->

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

<!--카테고리 펼치기 종료-->

티스토리 카테고리, 메뉴 목록 펼치는 방법

 

소스를 넣고 저장 버튼을 눌러 화면에 적용합니다. 그리고 다시 메인 화면으로 와서 카테고리 목록을 봅니다. 그럼 메인 카테고리 밑에 하위 메뉴들이 나타나 있는 것을 볼 수 있습니다. 아주 간단하죠

티스토리 카테고리, 메뉴 목록 펼치는 방법


Posted by 녹두장군