티스토리 반응형 스킨 #1 카테고리 포스트 숫자 넣기

티스토리 ‘반응형 스킨 #1’ 사용자를 위한 깨알 팁을 알려드리겠습니다.

요즘 모바일 환경 접속이 많아짐에 따라 반응형 스킨을 많이 사용합니다. 심플하고 군더더기 없는 디자인으로 인기를 얻고 있는 반응형 스킨 #1 사용 중 아쉬운 점이 딱 한 가지 있습니다.

바로 아래와 같이 카테고리 목록을 펼치면 포스팅 숫자가 나타나지 않습니다.

티스토리 반응형 스킨#1 카테고리 포스트 숫자

카테고리 목록에서 포스팅 숫자를 표시하고 싶다면 다음과 같이 CSS 편집 작업을 통해 간편하게 해결할 수 있습니다.

티스토리 반응형 #1 스킨 카테고리 목록 숫자 표시하는 방법

티스토리 관리 페이지에서 꾸미기 섹션의 스킨 편집 메뉴 선택

티스토리지 관리 페이지 접속 후 꾸미기 섹션의 [스킨 편집] 메뉴로 이동합니다.

STEP 01. 티스토리 스킨 편집

스킨 편집 화면에서 [html 편집] 버튼을 클릭합니다.

STEP 02. CSS 파일 편집 및 적용

CSS 탭에서 카테고리 숫자 입력 후 적용

스킨 편집 화면에서 상단 “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 스킨에서 카테고리 목록의 포스트 숫자 표시

새로고침 후 카테고리 목록에서 발행된 포스트 숫자가 나타나는 것을 확인할 수 있습니다.

반응형 스킨#1 블로그에서 숫자가 표시되지 않아 아쉬웠다면 CSS 편집 작업으로 비교적 간단히 해결해보시기 바랍니다.

Leave a Comment