본문 바로가기
IT

티스토리 제목 부분 배경 그림 없애기

by 별처럼2 2024. 8. 6.

 

 

티스토리를 운영하시는 분들은 티스토리 제목 부분 배경 그림 없애기 방법을 한 번쯤 고민해 보셨을 것이라 생각합니다.

 

저 역시도 매번 글을 저장하면 자동으로 제목 부분에 섬네일 이미지가 떠서 방법이 없을까를 고민하곤 했는데요.

 

가독성과도 연관이 있는 데다가 초반에 이미지가 크게  자리 잡고 있으면 페이지 로딩 속도에도 영향이 가는 것 같아서

 

오늘은 티스토리 제목 부분 배경 그림 없애기 방법을 통해서 해결해 보려고 합니다.

 

티스토리-제목-부분-배경-그림-없애기
티스토리-제목-부분-배경-그림-없애기

 

 

 

티스토리 글 제목 부분 배경 없애기 설정 방법

 

 

 

항상 티스토리 제목이 있는 배경 부분에 대표 이미지로 설정해 둔 섬네일이 잘린 채로 들어가 있어 좀 거슬리지 않으셨나요?

 

저도 이 부분 수정할 수 있는 방법이 없을까를 맨날 생각만 하고 있었는데 설정하는 방법을 지금 바로 알아보도록 하겠습니다.

 

먼저, 티스토리에 들어가셔서 메뉴에서 스킨 편집으로 들어가신 다음에 html 편집을 클릭하시고 들어갑니다.

 

그다음, html 편집 화면 내에서 검색을 하나 해 주셔야 할 것이 있는데요.

 

 

1. Ctrl + F를 누르면 나오는 검색창에 post-cover라고 입력 후 다음 내용을 찾아줍니다.

티스토리-글-제목-부분-배경-없애기-설정-post-cover-검색
티스토리-글-제목-부분-배경-없애기-설정-post-cover-검색

 

 

참고로 div class 이하를 위 이미지에서는 보기 쉽게 두 줄로 표현했지만 사실, 위아래 한 줄로 되어 있으니 일치하는 부분을 잘 찾으세요.

 

 

2. url 포함 괄호 부분을 모두 지우고 none이라고 입력 후 적용을 눌러줍니다.

티스토리-글-제목-부분-배경-없애기-설정-url-없애고-none-설정
티스토리-글-제목-부분-배경-없애기-설정-url-없애고-none-설정

 

 

그리고 참고로, 어떤 분은 괄호 안의 내용만 없애는 형태로 url( ) 이렇게 경로만 없애는 분도 계시니 참고 바랍니다.

 

그러면 글 제목 배경 부분이 모두 회색 부분으로 바뀐 것을 확인하실 수 있고, 글씨는 흰색으로 보이실 것입니다.

 

그런데 보시면 회색 배경 부분의 위아래 간격이 너무 넓다는 느낌이 드실 텐데요. 이럴 때에는 회색 배경 제목 타이틀 부분의 간격을 조정해 주셔야 합니다.

 

 

티스토리 타이틀 회색 배경 부분 간격 조정하기를 참고하시면 바로 조정됩니다.

 

 

마치며

지금까지 티스토리 제목 부분 배경 그림 없애기 방법에 대해서 간단하게 방법을 안내해 드렸는데요.

 

무엇이든 생각났을 때 바로 적용해야지 생각만으로 그치면 발전이 없는 것 같습니다.

 

오늘도 유익한 정보로 여러분에게 꼭 필요한 도움이 되셨기를 바랍니다.

 

 

오프스크린 이미지 지연하기 [티스토리]

코어 웹 바이털에서 확인되는 속도 저하 문제 해결 방법 중에서 오프스크린 이미지 지연하기가 있습니다. 오프스크린 이미지 지연하기는 웹페이지의 로딩 속도를 향상시키기 위해서 필요한 과

vivid-infor1.root-infor.com

 

 

CLS 문제 개선 0.1초 초과 해결

구글 서치 콘솔 내에 있는 코어 웹 바이털을 점검하던 도중 CLS 문제가 발생한 것을 여러분도 확인하셨나요? 사실 저도 언제부턴가 '개선이 필요함'이라는 상태를 확인하였지만 어찌해야 하는지

vivid-infor1.root-infor.com

 

댓글