티스토리 북클럽스킨 포스트 커버 이미지 수정하기

티스토리 블로그를 운영하실 때 첫 스킨으로 북클럽 스킨을 사용하는 경우가 많습니다. 오래되신 블로거 분들도 속도가 빠른 북클럽 스킨을 사용하는 경우가 많습니다.

 

북클럽 스킨에서는 글의 썸네일이 제목의 post-cover 부분에 들어 갑니다. 이 부분을 변경하고 싶으신 분들을 위해 변경하는 방법에 대해서 알아보겠습니다.

 

북클럽 스킨의 글을 보시면 썸네일이 비율에 상관없이 가로로 긴 직사각형 형태로 제목에 들어갑니다. 이부분은 포스트 커버라고 합니다.

이 부분은 스킨 편집을 통해서 바꿔줄 수 있습니다.

 

스킨 편집에 들어오셔서 Ctrl+f를 눌러서 검색을 해줍니다.

post-cover 를 검색해서 찾아 줍니다. Ctrl+g 단축키를 이용하면 다음 으로 이동하면서 키워드를 순차적으로 찾을 수 있습니다.

 

<div class="post-cover"<s_article_rep_thumbnail> style="background-image:url(./images/Loader.gif)"</s_article_rep_thumbnail>

위와 같은 부분을 찾아 줍니다. 여기서 ./images/ 괄호 부분에 포스트 커버의 이미지의 파일이 들어가 줘야합니다.

 

파일 업로드에 먼저 업로드를 해줍니다. 그리고 나면 images 폴더 안에 자동으로 들어가게 되는데 위의 스킨 편집에서는

./images/내가 업로드한 파일명

위의 형식으로 넣어 주시면 됩니다.

 

그렇게 하고 저장을 하시면 포스트 커버가 바뀐 것을 볼 수 있습니다.