티스토리 카데고리 글 개수 표시에 괄호를 없애보자.

프로젝트/블로그 2016. 1. 15. 02:07


먼저 티스토리 카테고리 설정에 들어가서 글수표시 체크박스에 체크를 해줘야 한다.

서버측 DB라던지 접근할 방법이 없으므로 이외의 방법으로 만들어주는건 힘들듯.

이렇게 표시해주면 좌측에 보이는것 처럼 (10)이런식으로 괄호안에 숫자를 넣어서 표시해준다.

하지만 숫자가 들어잇는 카테고리명과 붙어있으니 썩 보기가 좋지 않다.






크롬 개발자 도구를 열어서 카테고리 부분의 id가 category라는 것을 확인했다.

밑에 c_cnt라고 되어있는 부분이 숫자를 표시해 주는 부분이다. span 태그를 사용하고 있는 것을 확인할 수 있다.






티스토리의 HTML/CSS 수정 메뉴에서 위와 같은 자바 스크립트를 추가해서 ()를 없애줬다.

category 안의 span 태그 안에 들어있는 내용에서만 ()의 패턴이 잇는지 보고 ""로 replace해주는 간단한 내용이다.




그리고 CSS 부분에 위와같은 내용을 추가해줬다. 배경색을 넣어주고 둥글게 깎아주고 크기 조절하고 등등 꾸미는 내용이다.





결과는 이런식으로 개수 표시 부분이 이쁘게 변경되었다.

끝-


Tags
Social