티스토리 글 제목 배경 이미지 없애는 법을 알아보겠습니다. 보통은 상단의 글 제목의 이미지는 본문의 이미지들 중에서 대표 이미지가 삽입됩니다. 하지만 검색엔진최적화(SEO)를 위해 블로그를 가볍게 만들어 주는 것이 좋고, 사이즈 또한 맞지 않아 확대되어 나오기 때문에 보기에도 깔끔하지가 않습니다. 그래서 오늘은 글 제목의 배경 이미지 없애는 법을 알아보겠습니다. 물론 스킨 편집을 해야 하니 스킨 편집에 앞서 스킨 백업하시고 진행하시기 바랍니다.
[애드센스/티스토리] - 티스토리 스킨 변경 전 백업(html편집 시, 필수)
🔎목차
1. 글 제목 배경 이미지 삭제하는 법
2. 이미지 색 변경하는 법
1. 글 제목 배경 이미지 삭제하는 법
▶아래의 이미지처럼 글 제목 뒤의 배경이미지가 대표이미지로 설정되어 지저분해 보여 이미지를 삭제할 예정입니다.
1.1. 티스토리 블로그 관리 < 꾸미기 < 스킨편집 < html 편집
1.2. HTML 편집
▶Ctrl+F를 눌러 검색창에 post-cover를 입력 후 세번째 나오는 곳으로 이동합니다.
▶변경 전: <div class="post-cover"<s_article_rep_thumbnail> style="background-image:url(https://blog.kakaocdn.net/dn/bsahS3/btr9riyYPwp/z0LU8mU9DKR0plGWcGb7Lk/img.jpg)"</s_article_rep_thumbnail>>
▶위의 background-image:url 괄호사이의 영문들을 none 으로 변경합니다.
▶변경 후:<div class="post-cover"<s_article_rep_thumbnail> style="background-image:url(none)"</s_article_rep_thumbnail>>
1.3. 미리 보기 후 적용 버튼 누르기
2. 이미지 색 변경하는 법
2.1. 티스토리 블로그 관리 < 꾸미기 < 스킨편집 < html 편집
2.2. CSS 편집
▶Ctrl+F를 눌러 검색창에 cbcbcb 입력 후 두 번째 나오는 곳으로 이동 합니다.
▶background-color 옆 네모상자를 클릭하면 칼라피커가 나오고, 원하는 색깔을 고르시면 됩니다.
(왼쪽의 화면에 새로고침을 하며 선택된 색깔의 변화를 확인해 보시고 결정하세요)
▶'적용' 클릭
이러한 배경이 바뀌어도 블로그의 첫 이미지가 깔끔해 보일 수 있습니다. 어렵지 않으니 한 번 시도하셔서 SEO도 준수하고 블로그도 단정하게 바꿔보시는 건 어떨까요?
🎈함께 보면 좋은 내용
티스토리 글씨 크기 행간 간격 조절하기
티스토리 블로그의 경우 포스팅 할 때 기본적으로 행간과 글씨크기가 정해져 있는데 내 입맛에 맞게 변경하기가 쉽지 않습니다. html을 통해야 합니다. 하지만 생각보다 매우 간단하므로 그동안
bl.infofridges.com
'IT▪ 생활 > 티스토리' 카테고리의 다른 글
| 티스토리 링크버튼 1분만에 초간단 만드는 방법 (0) | 2023.05.05 |
|---|---|
| 티스토리 사이드바 멀티플렉스 광고 설정하기 (1) | 2023.04.14 |
| 티스토리 글씨 크기 행간 간격 조절하기 (0) | 2023.04.12 |
| 티스토리 글씨체 변경하는 법 (0) | 2023.04.11 |
| 티스토리 애드센스 광고 크롤러 오류 해결 방법 (0) | 2023.04.10 |
댓글