티스토리 ‘반응형 스킨 #1’ 사용자를 위한 깨알 팁을 알려드리겠습니다.
요즘 모바일 환경 접속이 많아짐에 따라 반응형 스킨을 많이 사용합니다. 심플하고 군더더기 없는 디자인으로 인기를 얻고 있는 반응형 스킨 #1 사용 중 아쉬운 점이 딱 한 가지 있습니다.
바로 아래와 같이 카테고리 목록을 펼치면 포스팅 숫자가 나타나지 않습니다.
![티스토리 반응형 #1 스킨 티스토리 반응형 스킨#1 카테고리 포스트 숫자](https://geekorea.com/wp-content/uploads/2023/07/01.티스토리_반응형_포스트_숫자.png)
카테고리 목록에서 포스팅 숫자를 표시하고 싶다면 다음과 같이 CSS 편집 작업을 통해 간편하게 해결할 수 있습니다.
티스토리 반응형 #1 스킨 카테고리 목록 숫자 표시하는 방법
![티스토리 관리 티스토리 관리 페이지에서 꾸미기 섹션의 스킨 편집 메뉴 선택](https://geekorea.com/wp-content/uploads/2023/07/02.티스토리_반응형_포스트_숫자.png)
티스토리지 관리 페이지 접속 후 꾸미기 섹션의 [스킨 편집] 메뉴로 이동합니다.
STEP 01. 티스토리 스킨 편집
![](https://geekorea.com/wp-content/uploads/2023/07/03.티스토리_반응형_포스트_숫자.png)
스킨 편집 화면에서 [html 편집] 버튼을 클릭합니다.
STEP 02. CSS 파일 편집 및 적용
![티스토리 CSS 편집 CSS 탭에서 카테고리 숫자 입력 후 적용](https://geekorea.com/wp-content/uploads/2023/07/04.티스토리_반응형_포스트_숫자.png)
스킨 편집 화면에서 상단 “CSS” 탭을 선택하고 다음 구문을 찾습니다.
.area_navi .list_cate .c_cnt, .area_navi .list_cate img { display:none}
반응형 #1 스킨의 CSS 탭에서 별도로 작업을 수행한 적이 없다면 “78번 라인”에서 찾을 수 있습니다.
해당 구문을 찾았다면 다음과 같이 주석 처리 합니다.
/* .area_navi .list_cate .c_cnt, .area_navi .list_cate img { display:none} */
주석 처리 후 우측 상단의 [적용] 버튼을 눌러 변경 사항을 저장합니다.
STEP 03. 카테고리 목록 발행 숫자 표시 적용
![카테고리 목록 티스토리 반응형 #1 스킨에서 카테고리 목록의 포스트 숫자 표시](https://geekorea.com/wp-content/uploads/2023/07/05.티스토리_반응형_포스트_숫자.png)
새로고침 후 카테고리 목록에서 발행된 포스트 숫자가 나타나는 것을 확인할 수 있습니다.
반응형 스킨#1 블로그에서 숫자가 표시되지 않아 아쉬웠다면 CSS 편집 작업으로 비교적 간단히 해결해보시기 바랍니다.