본문으로 바로가기

티스토리 스킨의 카테고리 목록형 구조에 클래스명이 새로이 추가되었습니다. 카테고리 디자인을 위해 복잡한 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행

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


신고

댓글을 달아 주세요

  1. BlogIcon wallel 2016.01.04 14:52 신고

    이런거 보면 일은 하고있는거 같아 맘이 놓입니다. ㅎ

티스토리 툴바