본문 바로가기
블로그 시작하기

블로그 카테고리 다른 글 크기변경, 색상 넣기

by 처음해봄 2022. 9. 9.
728x90
반응형

체류시간을 높이기 위해 여념이 없는 우리 블로거들의 노력이 들어간 글들을 방문자에게 눈의 띄게 보여주기 위한 Tip이 아닐까 싶습니다.  하단 광고나 내부 링크로 인해 눈에 띄지 않아 좋은 정보의 글들의 목록에 좋은 정보가 많음에도 방문자가 바로 나가는 경우가 많습니다.

 

 

방문자가 내 블로그의 글들을 더 읽고 갈 수 있도록 안내하기 위해 블로그 하단에 '카테고리의 다른 글을 보여주기' 하고 계신 분들이 많으실 것입니다.

원하는 정보를 확인 후 순식간에 나가버리는 방문자들이 많아 체류시간을 늘리는 고민을 하고 계신 분들도 많으실 것 같습니다.  조금이라도 방문자가 머물러주기 바라는 마음에서 여러 가지 노력 중에 하나로 해당 카테고리 다른 글 목록이 잘 보이도록 변경하려고 합니다.

 

대부분 기본 세팅되어진 상태로 해 놓으셨을 것입니다. 크기를 키우고, 색상을 바꾸어 눈의 조금이라도 띄도록 바꿔보겠습니다.

기본 세팅 된 카테고리의 다른 글 목록

 

 

728x90
반응형

 

 

카테고리의 다른 글 크기 변경, 색상 변경 하기

 

 

1. 관리→ 스킨 편집→ HTML 편집→ CSS에 들어가 흰 바닥에 클릭 한번 하시고, Ctrl+F로 검색창을 띄워 'another_category'를 검색합니다.  아래 화면과 같이 보이는 걸 찾으세요.

 

CSS에서 검색

 

2. 빨간 V체크 한 곳들을 변경해 줍니다. 원하는 크기로 변경하시면 되오니, 제가 설정한 수치는 확인용으로 참고하시면 좋을 것 같습니다.

  • margin : 13px →  15px
  • font-size : 0.875em → 1.3em
  • color : #333 → 원하는 색상 코드(구글 색상표를 참고하셔도 되고, 저는 포토샵의 색상 코드로 변경했습니다)

색상표(참고용)

Black #000000
White #FFFFFF
Red #FF0000
Yellow #FFFF00
Green #008000
Blue #0000FF
Navy #000080
Purple #800080

빨간 V체크를 수정

 

 

3.  해당 카테고리의 다른 글의 크기가 크게 변경되었고, 보고 있는 글의 제목의 색상이 바꿔준 코드의 색상으로 변경되었습니다.

CSS에서 변경한 카테고리의 다른 글 수정완료

 

4. Html편집에서 수정 시 꼭 새로고침을 확인하신 후 적용을 눌러 저장하시기 바랍니다.

 

 

빙(Bing)에서 내 블로그 글 조회가 안될 때

 

빙(Bing)에서 내 블로그 글 조회가 안될 때

우리는 블로그를 처음 세팅을 할 때 '블로그 시작하기[기초]' 카테고리에서 빙(Bing)에 우리의 블로그를 등록하는 과정까지 끝냈습니다. 만약, 빙(Bing)에 블로그를 등록하지 않으신 분들은 아래 글

blog-is.tistory.com

 

 

 

728x90
반응형

댓글