티스토리 카테고리 원하는 위치에 추가하는 방법

카테고리 위치

내가 원하는 위치에 카테고리가
노출될 수 있록 수정하는 방법 입니다.

카테고리가 위치할곳을 찾습니다.

위치를 정하셨다면 해당 HTML 위치에 아래 소스를 입력합니다.

<!-- ##  ## -->
<div class="top_ctg_list">
	[#_category_list_#]
</div>

위 소스는 티스토리 치환자가 사용되었습니다.

티스토리 치환자는 ##_ _## 문자가 양쪽에 있습니다.

디자인 설정

HTML코드를 입력하셨다면 이젠 CSS로 원하는 위치에 잘 위치 할 수 있도록 합니다.

.top_ctg_list{padding:10px;}
.top_ctg_list .link_tit{display:none;}
.top_ctg_list .category_list {display: flex; align-content: center; 
    justify-content: center; width:100%; max-width: 600px; margin: 0 auto;}
.top_ctg_list .category_list li { flex-basis :33.33%;}
.top_ctg_list .category_list li .link_item{font-weight: bold;}
.top_ctg_list .category_list li  .sub_category_list{display:none}

.top_ctg_list .link_tit{display:none;}
전체 카테고리 보기 라고 뜨는 부분을 안보이게숨김.

.top_ctg_list .category_list li
.sub_category_list{display:none}
카테고리 내의 서브 카테고리 숨김.

각자의 스킨마다 class가 다르기때문에 조금은 다를 수 있습니다.

하지만 어렵지 않게 성공하실 수 있습니다.