티스토리 제목에 썸네일 이미지 제거하기, 제목 배경 색상 바꾸기

티스토리 블로그의 북클럽 스킨을 사용중하다보면 초기 세팅 그대로 쓸 때 대표 이미지 혹은 "썸네일" 설정을 하게 되면 제목 부분에 썸네일 이미지가 올라오게 되고 가독성이 굉장히 좋지 않아서 지우도록 하겠습니다.

티스토리 제목 위치에 썸네일 이미지 삭제하기

티스토리의 제목 위치에 썸네일 이미지 제거는 관리항목에서 스킨 편집 > html편집 에서 바꾸게 되고 배경색상 변경은 css 창에서 하게 됩니다. 먼저 제목 부위에 썸네일 이미지를 넣지 않게 바꾸는 방법을 살펴보도록 하겠습니다. 

• 티스토리 설정창
• 스킨편집 카테고리
• html편집
• html창에서 " article_rep_thumbnail " 검색

style="background-image:url(https://blog.kakaocdn.net/dn/ILvGs/btshBmziolO/gVx0YeQC9ojofT1OKdmMkk/img.png)"</s_article_rep_thumbnail>>

style="background-image:none"</s_article_rep_thumbnail>>

• 초기 세팅은 위 스타일 버전으로 되어 있습니다. 이 중에서 url(https://blog.kakaocdn.net/dn/ILvGs/btshBmziolO/gVx0YeQC9ojofT1OKdmMkk/img.png) 이 부분을 "none" 으로 바꿔 주시고 적용하면 제목부분에서 썸네일이 사라지고 회색창이 나오게 되는걸 볼 수 있습니다. 

제목 배경 색 변경해보기

색 바꾸기가 필요없으신 분들은 내 티스토리를 예쁘게 꾸미는 또 다른 방법 링크버튼 만들기도 확인해 보세요

이번에는 썸네일을 제거하고 회색으로 나오는 부분을 다른색으로 변경해 보겠습니다. 제목에서 썸네일 삭제하기는 가독성의 문제이기 때문에 꼭 하시는걸 추천드리지만 색상 바꾸기는 개인의 취향에 따라 하셔도 되고, 안하셔도 가독성에는 전혀 지장을 주지 않으니 하고 싶으신 분들만 하시면 됩니다.

• 티스토리 설정창
• 스킨편집 카테고리
• html편집
• css창에서 "post-cover" 검색
• background-color 부분에서 원하는 색으로 선택

 

찾기 힘든 분들을 위해 사진 넣어 놓습니다. 아래 css 창에서 검색 후 아래 그림과 같은 곳을 찾기로 찾으신 후 제일 아래 동그라미 부분의 색을 누르시면 그림처럼 색상 선택을 직접 할 수 잇습니다.