티스토리 카테고리 전체 글 숫자 보이게 하는 법

현재 JB SKIN 167을 사용하고 있습니다. 스킨을 최대한 취향에 맞게 깔끔하게 설정하고 포스팅을 하다가 카테고리 부분 제일 위쪽에 전체글의 수가 얼마나 되는지 표시되게 하고 싶은데 이제서야 알아보고 수정하게 되었습니다. 요즘엔 인터넷에 정보가 많아서 HTML과 CSS을 1도 모르는 초보자도 수정이 가능하더군요. 지금부터 그 방법을 소개하겠습니다.



티스토리 스킨 카테고리 글 숫자 보이기_011


티스토리 스킨 카테고리 글 숫자 보이기_01

카테고리 관리에서 설정한 카테고리별 글 수는 표시가 되지만 카테고리 전체글에 대한 목록과 글 수가 표시되지 않습니다. 전체글이 표시되면 블로그 글 관리에서 확인하지 않아도 되니 편리할테니 수정해보도록  하겠습니다.


티스토리 스킨 카테고리 글 숫자 보이기_02

보통 카테고리 설정에 카테고리별 글 수 표시 여부를 설정할 수 있는데 저는 이미 표시합니다로 되어있습니다.


티스토리 스킨 카테고리 글 숫자 보이기_03

먼저 인터넷에 카테고리를 수정하려면 어떤 부분을 건들여야 하는지 알아보니 CSS를 편집해야 했습니다. 스킨편집 - HTML - CSS로 가서 CTRL+F로 Category를 검색하니 모듈 - 카테고리 부분이 나오더군요. 여기서 display: none; 부분을 보이게 설정해야 된다고 합니다.


티스토리 스킨 카테고리 글 숫자 보이기_04

 카테고리 부분을 살펴보니 tt_category 이 부분이 display: none;으로 안보이게 된거 같으니 전체글에 해당하는 코드인거 같고 밑에 category_list가 보이는 부분 같으니 display: none;을 display: block로 수정해 보도록 하겠습니다.


티스토리 스킨 카테고리 글 숫자 보이기_05

왼쪽에 미리보기로 새로고침 해보니 카테고리에 분류 전체보기가 생긴 것을 확인할 수 있습니다. HTML이나 CSS 코드 수정하는 것을 두려워 할 필요가 없습니다. 수정하고 원하는대로 안 바뀌면 다시 이전 코드로 돌려 놓으면 되니까요. 표시되긴 하는데 좀 깔끔하게 정리해야겠습니다.




티스토리 스킨 카테고리 글 숫자 보이기_06

display: block가 표시되는 것을 확인 했으니 나머지 코드도 복사해서 붙여넣어 보겠습니다.


티스토리 스킨 카테고리 글 숫자 보이기_07

밑에 구분선이 생기면서 정리는 되는데 글 수 표시되는 부분이 오른쪽으로 정렬이 안되더군요. 


티스토리 스킨 카테고리 글 숫자 보이기_08

여기서 많은 코드를 붙여넣고 새로고침을 하면서 시간이 좀 걸리더군요. 저 부분이 오른쪽으로 정렬되게 하는거 같은데 계속 적용이 안되서 헤메다가 tt_category_list 뒤에 _list를 지우니 적용이 되었습니다.


티스토리 스킨 카테고리 글 숫자 보이기_09

드디어 제가 원하는 카테고리 수정이 이루어졌습니다. 유료스킨이라서 제작자분에게 문의해도 되지만 스스로 알아내서 성공하면 보람이 있더라고요.


티스토리 스킨 카테고리 글 숫자 보이기_010

수정하기 전의 카테고리와 수정 후의 카테고리 비교 이미지 입니다. 전체글이 59개라 아직 갈 길이 멀지만 방문자 수도 약간씩 늘고 있어서 운영하는 재미가 쏠쏠하네요.




댓글

Designed by JB FACTORY