티스토리 꾸미기 | 북클럽 스킨 카테고리의 '분류 전체보기' 변경 및 삭제하기
카테고리의 '분류 전체보기' 변경 및 삭제하기
티스토리의 북클럽 스킨을 사용하면 사이드바에 카테고리가 표시됩니다. 이때 하위 카테고리는 제목을 설정할 수 있지만, 최상단의 '분류 전체보기'는 수정할 수 없습니다.
'분류 전체보기'가 필요 없다고 생각되는 경우, 이를 삭제하거나 다른 문구로 변경하는 방법을 알아보겠습니다.
'분류 전체보기'를 삭제하는 방법
'분류 전체보기'를 삭제하려면 CSS 코드를 CSS 탭 하단에 넣어주는 간단한 방법으로 쉽게 수정할 수 있습니다.
1) '관리자 홈'에서 '꾸미기 > 스킨 편집 > html 편집 > CSS'로 들어갑니다.
2) 아래 2개의 코드 중 본인의 블로그에서 작동 되는 CSS 코드를 CSS 탭 하단에 복사하여 넣어줍니다.
/*분류 전체보기 삭제하기*/
ul.tt_category > li > a {
display: none;
}
/*분류 전체보기 삭제하기 끝*/
/*분류 전체보기 삭제하기*/
.sidebar .category > ul.tt_category > li a.link_tit {
display:none;
}
/*분류 전체보기 삭제하기 끝*/
3) 미리 보기로 변경 사항을 확인한 후 [적용]을 클릭하여 '저장'합니다.
'분류 전체보기'를 수정하는 방법
'분류 전체보기'의 문구를 수정하려면 HTML 코드를 HTML 탭 하단 </body> 태그 위에 넣어주는 간단한 방법으로 쉽게 수정할 수 있습니다.
1) '관리자 홈'에서 '꾸미기 > 스킨 편집 > html 편집 > HTML'로 들어갑니다.
2) HTML 탭에서 [Ctrl] + [F]를 이용해 </body>를 검색한 다음, 아래의 HTML 코드를 복사하여 </body> 태그 위에 넣어줍니다.
'MY STORY' 부분을 원하는 문구로 바꿔 주시면 됩니다.
<!--전체 카테고리명 변경-->
<script>
$('.link_tit').each(function(){ var _this = $(this);
if( _this.text() ){ var _searchCntStr = '' + _this.text().replace('분류 전체보기', 'MY STORY'); _this.text(_searchCntStr); }});
</script>
<!--전체 카테고리명 변경 끝-->
3) 미리 보기로 변경 사항을 확인한 후 [적용]을 클릭하여 '저장'합니다.
마무리
이렇게 간단하게 '분류 전체보기'를 수정해 보았습니다.
티스토리 블로그는 위에서 설명한 방법처럼 CSS와 HTML 태그를 수정하여 디자인을 바꿀 수 있습니다. 하지만 이러한 작업은 보기에는 쉬워 보이지만 실제로는 매우 조심스러운 일입니다. 이는 작은 수정 하나로도 전체 레이아웃이 틀어질 수 있기 때문입니다. 따라서 수정 전에 반드시 백업을 해두시는 것을 권장합니다.
참고한 블로그 : 티스토리 "분류 전체보기" 지우기 - hi098123 Tistory Tip
"쿠팡 파트너스 활동을 통해 일정액의 수수료를 제공받습니다"