티스토리 북클럽 스킨 편집 #9 포스팅 제목 배경 바꾸기

안녕하세요. 박대리입니다.

 

티스토리 북클럽 스킨 편집

 

이번 포스팅에서는 북클럽 스킨의 포스팅 제목 배경을 변경해보겠습니다.

 

북클럽 제목 배경 기본값

 

북클럽의 포스팅 제목 배경 기본값은 썸네일 혹은 대표 이미지입니다. 썸네일에 따라 위의 그림처럼 포스팅 제목이 잘 인식이 안되는 경우가 있습니다. 제목 폰트 색상 기본값이 흰색이라 어두운 배경이 아니면 제목이 잘 보이지 않습니다.

이를 해결하기 위한 방법 중 하나가 배경을 특정한 이미지로 고정시키는 것입니다.

 

이미지 파일 업로드

 

HTML 편집기의 파일 업로드 창에서 추가 버튼을 눌러 사용할 이미지를 추가하고 적용을 클릭합니다.

 

이미지 링크 복사

 

업로드한 파일을 마우스 우클릭하여 링크 주소 복사를 하여 링크 주소를 메모장에 옮겨놓습니다.

CSS 속성 편집

HTML 편집창에서 Ctrl+F(맥 cmd+f) 를 눌러 div class=“post-cover” 를 검색하여 위 그림과 같은 영역을 찾아줍니다. 그리고 https://blog.kakaocdn.net/dn/brLCTj/btqFzbOFxm2/RTKIIacYgFcjCzN1QjDC50/img.png 이 부분을 업로드한 이미지의 링크 경로로 변경합니다.

 

북클럽 스킨 제목 배경 변경 후

 

적용을 누르고 페이지를 새로 고침하면 변경된 배경 이미지를 확인할 수 있습니다. 이제 모든 포스팅의 제목 배경은 동일한 이미지로 적용이 되었습니다.

  

한 가지 팁을 드리자면 배경 해상도가 너무 커서 이미지 파일 크기가 커지면 로딩 속도가 길어지는 단점이 있으므로 적당한 파일 크기의 이미지를 사용하시는 걸 추천드립니다.

 

참고로 제가 사용한 이미지의 크기는 가로 1280px 해상도에 파일 크기 약 70kb이며 배경 해상도가 뭉개져 보이거나 하는 문제는 없습니다.

 

방문해 주셔서 감사합니다.

 

행복한 하루 보내세요.