JB 스킨 배경색 변경과 헤드라인 H 폰트 글씨 변경하기

티스토리를 꾸준히 하면서 자연스럽게 드는 생각이 스킨을 변경하면 좀 더 수익이 오르지 않을까? 하고 생각을 합니다.

저 역시 그랬기 때문에 유료 스킨 중에서 가장 많은 사람들이 찾는 JB 스킨을 구매하게 되었습니다.

 

저의 솔직히 말씀드리면 장점과 단점이 극명하게 갈리는 스킨이라고 말씀드리고 싶습니다.

장점이라면 애드센스 구조를 자유롭게 배치할 수 있다는 것과 전체적으로 깔끔한 레이아웃에 뭔가? 있어 보인다는 것이고, 반대로 단점이라면 아무래도 많은 플러그로인해 구글의 모바일 친환경 속도 점수 100점 중에 5점밖에 안된다는 사실입니다.

 

사실 이것 빼면 큰 단점이 없지만, 생각보다 디테일 하나하나를 조절하기에는 티스토리 기본 스킨만 한 게 없다고 생각합니다.

이번에 JB 스킨을 쓰면서 정말로 바꾸고 싶은 점이 있었는데, 하나는 배경색에 넣어 본문 (컨테이너) 지점과 배경의 색깔을 달리해서 경계선을 두고 싶은 것이고 마지막으로는 H2로 설정해 놓은 글씨가 내용 글과 비슷한 텍스트 크기로 되어 제목의 임팩트가 느껴지지 않는다는 점에서 크기를 변경하고 싶었습니다.

 

혼자 JB 스킨의 CSS를 만져보다가 결국 포기하고 JB 님에게 여쭈어 보았고 답을 찾아 여러분에게 공유하고자 합니다.

아 그리고 최고의 장점으로는 모르는게 있을 때 JB님에게 질문을 하면 항상 빠르고 정확하게 답을 주신다는 것입니다!

 

목차

JB 스킨 배경색 지정하기

JB 스킨 제목란 글씨 수정하기

 

 

 

JB 스킨 배경색 지정하기

JB 스킨의 경우 기존의 백그라운드에 색이 따로 지정되어 있지 않으므로 CSS에 추가 코드를 입력하여 배경색을 바꾸어야 하며 각 스킨에 따라 적용이 되지 않을 수 있으니 참조하시길 바랍니다.

참고로 제가 쓰는 스킨은 가장 최근에 만들어진 JB -167번입니다.

 

● 설정 -> 스킨편집 -> CSS에 들어가서 아래의 코드를 CSS 제일 마지막에 붙여 넣기 해줍니다.

body { background-color: #eeeeee; }
.jb-container { background-color: #ffffff; }

 

간단한 코드만 입력하면 되는 것을 하루종일 헤매이고 있었습니다 ㅠㅠ

 

<상위 목차로 바로가기>

 

 

 

JB 스킨 제목란 H폰트 글씨 수정하기

JB 스킨의 가장 불만이었던 점 중에 하나가 H2 글씨를 지정하더라도 포스팅을 발행하고 볼때에는 항상 글씨가 작게 줄다는 것입니다. 그래서 이것도 해결해보고자 했으나 결국 실패로 돌아갔고 JB님에게 메일을 보내고 그제야 정답을 알 수가 있었습니다.

 

방법은 위에 배경과 동일하게 아래의 코드를 삽입해주면 간단하게 해결이 됩니다.

신규 에디터의 경우 수정하면 자동적으로 H2 -> H3로 변경이 되어 h3를 기본적으로 해뒀음에 참고하세요.

 

.jb-article h3 { font-size: 20px !important; }

 

 

<상위 목차로 바로가기>