본문 바로가기

개발질

[티스토리 팁] 간단하게 카테고리 항상 펼치기!

블로그를 꾸밀때 카테고리가 항상 펼쳐졌으면 하는 분들이 많이 있지만 기본적으로 티스토리에는 카테고리를 항상 펼치는 설정이 없다. 하지만 티스토리는 스킨의 소스수정을 지원해주고 있기 때문에 간단한 소스 수정으로 카테고리를 항상 펼쳐지게 할 수 있다.

▶ 스킨 소스 수정하러 가기

티스토리 관리 페이지 메뉴

블로그 스킨수정은 티스토리 블로그 관리 페이지 > 스킨 > HTML/CSS 편집에서 할 수 있다. 티스토리는 수정한 스킨을 따로 저장도 가능하니 수정 후 저장도 꼭 하도록 하자. 스킨 저장은 스킨 > 스킨 선택 에서 최대 30개까지 저장할 수 있다.

▶ 수정할 부분 찾기 / 수정

skin.html 소스 수정 (파이어폭스)


대부분의 브라우저에서 Ctrl+F를 누르면 찾기창이 뜬다. 찾기창에서 카테고리 모듈 을 검색하면 수정할곳을 바로 찾을 수 있다. 아래는 수정할 부분 소스 전체. (편의상 각 줄의 들여쓰기(탭)은 제거했다)

<s_sidebar_element>
<!-- 카테고리 모듈 -->
  <div class="module">
    <h3>Category</h3>
    <div class="contents">
다보기
뚝딱뚝딱
개발질
여행
동영상
사진
낙서장
나만의 즐겨찾기
비밀공간
</div>
  </div>
  <script language="JavaScript">
    try {
      expandTree();
    } catch(e) {
    }
  </script>

</s_sidebar_element>

회색 글씨부분이 원래 소스고 파란색글씨가 추가된 부분이다. 위 파란부분을 복사해서 소스에 추가해주면 소스 수정은 끝난다. 소스 적용을 위해 하단에 저장 버튼만 누르면 끝!
소스 수정할때 주의할점은 소스(태그)에대한 지식 없이 다른 부분을 건들면 스킨이 깨질수도 있으니 다른부분은 절대 건들지 말자..

참고로 일부 팁의 경우 body 태그에 onload="expandTree()" 를 추가하는 방법도 알려주고 있으나 이 방법은 페이지 로딩이 끝나고 난후 카테고리가 펼쳐지기 때문에 이 포스트에서 설명한 방법을 더 추천한다.