티스토리 글 제목 배경 이미지 변경하여 가독성 높이기 작업을 해보겠습니다. 보통 티스토리 글 제목이 대표 사진과 겹쳐 어수선하고 가독성이 떨어집니다. 티스토리 제목 배경 이미지를 단순한 색상으로 바꾸어 블로그 상단과 글 제목 배경을 깔끔하게 변경하는 방법입니다.
가독성을 위해 홈 프로모션 이미지와 제목 배경 이미지를 하나의 색상으로 통일하려고 합니다. 이전 홈 프로모션 이미지는 사진을 넣어 두었고, 티스토리 글 제목 배경은 대부분 그렀듯 대표 사진 배경으로 자동지정되어 있어, 제목과 사진이 겹쳐서 보기 싫은 문제가 있습니다.
단순하면서 통일성 있게 티스토리 글 제목 배경 바꾸기 통해 가독성 개선하는 작업을 해보겠습니다. 간단하고 쉽게 할 수 있습니다.
1. 티스토리 제목 배경 바꾸기 - 1단계
티스토리 제목 배경은 단순하게 단일 색상으로 변경하려고 합니다. 이미지 파일을 단일 색상으로 최소화시킵니다. 저는 Dark Green으로 1.6kb까지 최적화한 이미지를 사용했습니다. 홈 프로모션 이미지와 제목 배경 이미지를 동일하게 사용했습니다.
① 홈페이지 최상단 이미지를 단순하게 변경하겠습니다.
블로그-스킨편집-홈프로모션 1에 본인이 원하는 단순한 이미지를 업로드합니다. 저는 title_dark_green로 이름을 정했습니다.
② 글 제목 배경으로 사용할 Dark Green 색상 파일을 스킨편집-HTML 편집- 업로드란에 해당 파일을 업로드합니다.
③ 업로드한 파일을 클릭해 URL을 복사합니다. 이 URL은 2단계에서 사용합니다.
2. 티스토리 제목 이미지 바꾸기 2단계
먼저 기존의 티스토리 제목 이미지가 포스팅 페이지의 대표사진으로 자동 지정되어 있던 것을 변경해야 합니다. 간단해요. 지우면 됩니다.
블로그-스킨편집-HTML 편집을 누릅니다. 윈도우는 ctrl-F, 맥북은 Command-F를 눌러 아래 단어를 찾습니다. 1개만 나올 거예요. 여기를 지웁니다.
① article_rep_thumbnail_raw_url를 찾는다. 바로 옆에 style ="background.img:url ([##article_rep_thumbnail_raw_url_##])이 보일 거예요.
② [##article_rep_thumbnail_raw_url_##]을 지웁니다.
③ style ="background.img:url () 이것만 남죠.
적용을 누르면, 글 제목 배경이 아래와 같이 회색으로 바뀝니다.
④ 1단계에서 복사한 새로운 백그라운드 이미지의 URL을 아래 () 안에 복사해 붙여 넣기 합니다.
style ="background.img:url (복사한 URL 그대로 복사), 아래 HTML 참고하세요.
그리고, 적용 누르면 바뀌어 있습니다. 티스토리 제목 배경 가독성 개선이 되어 보이나요?
티스토리 홈 프로모션 이미지와 티스토리 제목 이미지 바꾸기 위해, 다소 어두운 색상의 배경으로 변경하였고, 위에서 보시는 것처럼 HTML 몇 곳을 지우고, 복사해서 가독성 높이는 작업을 해보았습니다. 아주 간단한 작업을 통해 여러분의 홈페이지를 깔끔하게 지금 변경해 보세요.
'생활정보 > IT TECH SEO' 카테고리의 다른 글
| 네이버 카페 동영상 다운로드 방법 2가지 - 자동 다운로드 크롬앱 (0) | 2023.08.20 |
|---|---|
| MS OFFICE 365 이용해 한번에 애드센스 수익 페이지 URL 세팅하기 (0) | 2023.08.01 |
| 애드센스 크롤러: 호스팅 서버에 연결할 수 없음 오류 해결 방법 2가지 (0) | 2023.07.29 |
| 맥북 화면 분할 (0) | 2023.07.27 |
| 맥북고장 발열 전원 배터리 디스플레이 등이 이상할 때 리셋 방법 (0) | 2023.07.22 |
