티스토리블로그 카테고리글씨 변경하는방법
오늘은 티스토리 사이드바에 있는 카테고리의 글씨크기 및 글자체를 변경하는 방법을 배워보도록 하겠습니다.
각각의 스킨마다 조금씩 다를 수 있지만 큰 틀은 거의 다 비슷하니 제가 설명하는 방법대로 변경하시면 분명 적용이 되실겁니다.
사실 별것 아닌것 같지만 저는 블로그내의 그 어떤 작업보다도 더 힘들었습니다. 카테고리태그를 이리저리 둘러보고 변경해보아도 도무지 바뀌지가 않아 한때는
포기하고 있다가 다시 미친듯 검색하여 적용하는 방법을 알아냈지요.
카테고리내의 태그를 변경하는것이 아니라 새로운 태그를 추가하는것이 정답이었습니다.
아래사진은 제 블로그 카테고리이며 글씨체와 크기를 변경하기전 모습입니다.
보시는것과 같이 글씨가 진하지가 않아서 저는 눈에 잘 띄지 않는 느낌입니다. 그래서 글씨 크기와 글씨색깔을 조금 더 진하게 변경하기로 했습니다.
일단 카테고리의 크기와 글씨체 및 굵기를 지정하는 소스입니다.
크기만 조정시
#category {font-size:13px;}
크기와 글씨체 조정시
#category {font-size:13px; font-family: Nanum Gothic;}
크기와 글씨체 굵기 조정시
#category {font-size:13px; font-family: Nanum Gothic; font-weight: bold;}
또는 아래처럼 #category 뒤에 td를 붙이셔도 상관없습니다.
크기만 조정시
#category td {font-size:13px;}
크기와 글씨체 조정시
#category td {font-size:13px; font-family: Nanum Gothic;}
크기와 글씨체 굵기 조정시
#category td {font-size:13px; font-family: Nanum Gothic; font-weight: bold;}
제 블로그는 오른쪽마우스 복사가 금지되어 있어 따로 파일을 첨부했습니다.
여기서 폰트체에 제가 Nanum Gothic(나눔고딕)폰트를 써놓았는데 나눔고딕체를 적용하려면 style.css에
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 가 존재해야 합니다.
혹여 없으시다면 아래 포스팅을 참고해주시고, 다른글씨체를 적용하시려면 Nanum Gothic을 지우고 다른글씨체를
예)#category {font-size:12px; font-family: 고딕; font-weight: bold;}적용하시면 됩니다.
글씨크기변경은 font-size:12px 에서 숫자만 변경해주시면 되고 글씨를 진하게하고 싶지 않다면 font-weight: bold;를 지워버리시면 됩니다.
자 이제 소스를 적용해보도록 합시다. 블로그 HTML편집으로 들어와 Style.css 로 들어온뒤 ctrl+F 누르고 #category를 찾아주세요.
아래사진에서 보시는바와 같이 #category 바로 위에 소스를 붙여넣기해주세요.
끝입니다! 간단하죠? 저는 이걸 못하고 몇달이나 방치해뒀었다는 ㅠ.ㅠ 자 확인을 해보도록 하겠습니다.
맨 처음 본 사진과 달리 눈에 잘 띄고 좀 더 깔끔해 진것 같지 않나요? 블로그의 가독성을 생각하신다면 블로그내의 글씨하나하나라도 신경써주시면
방문자들이 조금 더 오래 머물 수 있지 않을까 생각 합니다. ^^
▶ 추천포스팅 : 블로그 유입률을 높이는 메타블로그 가입하기 2탄
▶ 추천포스팅 : 블로그 유입률을 높이는 네이버오픈캐스트 발행하기
▶ 추천포스팅 : 블로그 사이트맵을 만들어 블로그방문자수 높이기
▶ 추천포스팅 : 블로그 운영시 꼭 알아야 할 저품질블로그 원인과 해결방법