본문으로 바로가기

티스토리 스킨의 카테고리 목록형 구조에 클래스명이 새로이 추가되었습니다. 카테고리 디자인을 위해 복잡한 CSS 선택자를 이용하거나 스크립트로 클래스를 추가해 사용해왔는데 조금은 수월해질 듯 싶습니다.

카테고리 목록의 구조

아래는 [샆샾_category_list_샾샾] 치환자를 이용할 경우 생성되는 구조이다.

샾샾 부분은 ##으로 교체
<ul class="tt_category">
    <li>
        <a class="link_tit" href="/category">분류 전체보기 <span class="c_cnt">(글갯수)</span></a>
        <ul class="category_list">
            <li>
                <a class="link_item" href="...">카테고리명 <span class="c_cnt">(글갯수)</span></a>
                <ul class="sub_category_list">
                    <li>
                        <a class="link_sub_item" href="...">서브 카테고리명 <span class="c_cnt">(글갯수)</span></a>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
  • 카테고리 목록의 시작엔 .tt_category 가 추가되었다 - 1행.
  • 카테고리 목록의 최상위 목록엔 .link_tit 가 추가되었다 - 3행
  • 카테고리 목록의 1차 카테고리의 시작엔 .category_list 가 추가되었다. - 4행
  • 카테고리 목록의 1차 카테고리의 링크엔 .link_item 이 추가되었다. - 6행
  • 카테고리 목록의 2차 카테고리가 있다면 그 시작엔 .sub_category_list 가 추가된다. - 7행
  • 카테고리 목록의 2차 카테고리의 링크엔 link_sub_item 이 추가된다. - 9행

이로써, 일반적인 카테고리 목록의 디자인을 변경하는 것에는 문제가 없을 것이다. 다만, 아직 현재 활성화된 카테고리에 대한 클래스를 부여해주지 않기에 스크립트로 이를 대체해야 한다.