본문 바로가기
컴퓨터/인터넷

티스토리 카테고리 펼치기

by All That Guy 2016. 5. 3.

티스토리 카테고리 펼치기





티스토리 사이드 바 메뉴 중에 글을 주제별로 분류해서 묶을 수 있는 “카테고리” 기능이 있다. 주제별로 분류를 해 놓으면 여러모로 편리하다. 하나의 주제 아래에 부주제를 넣을 수도 있는데, 그러면 부주제는 주제의 하부 구조로 들어간다. 이 하부 구조는 마우스로 펼치거나 접을 수 있지만, 약간 귀찮을 때는 하부 구조를 늘 편 상태로 보는 방법도 있다.


티스토리 관리 창 왼쪽에 꾸미기 항목 아래에 HTML/CSS 편집을 선택하면, 새 창이 뜨면서 화면을 둘로 나누어 왼쪽은 블로그를 오른쪽은 해당 블로그 HTML 편집 화면이 있다. 오른쪽 HTML 편집 화면에 마우스를 가져다 놓고(그렇지 않으면 창 전체에서 검색을 하는데, 이는 검색 목적과 맞지 않다) category를 검색을 한다. 검색 방법은 Ctrl-F를 누르면 편집창 상단에 노란색 바탕인 검색화면이 뜨고 거기에 categoy라고 입력을 하고 Enter를 누르면 편집기 화면 안에서 첫 category를 검색하여 노란색 하이라이트로 표시를 한다. 그 상태에서 다음을 검색할 때까지 Ctrl-G를 몇 차례 더 눌러 찾는다.


          <s_sidebar_element>
          <!-- 카테고리 모듈 -->
            <div id="category">
              <h3>카테고리</h3>
             

분류 전체보기
건강·운동
그 외
노랫말
생활법률관계
생활정보
언어
인문학
여행
자동차
지진 대피
컴퓨터
음악
수학 Math
물리학 Physics

              </div>
          </s_sidebar_element>



찾으면 마지막 줄 </s_sidebar_element>와 그 윗 줄 </div> 사이에 다음을 복사해서 붙인다.


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


복사해서 붙이기를 하고 나면 다음과 같다.



          <s_sidebar_element>
          <!-- 카테고리 모듈 -->
            <div id="category">
              <h3>카테고리</h3>
             

분류 전체보기
건강·운동
그 외
노랫말
생활법률관계
생활정보
언어
인문학
여행
자동차
지진 대피
컴퓨터
음악
수학 Math
물리학 Physics

              </div>

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



HTML 편집창 위 오른쪽 주황색 저장을 눌러서 수정한 HTML 파일을 저장 한다.


카테고리 펼치기 끝.