오늘은 티스토리 블로그 상단 글 제목의 배경을 삭제하는 방법에 대해 알려드리겠습니다.
티스토리 블로그에 글을 올린 다음 해당 글을 클릭하면 상단에 글 제목이 있는데 배경에 이미지가 들어가 있어 너무 복잡하고 가독성도 떨어집니다. 가장 중요한 것은 글 제목 배경 이미지로 인하여 로딩 속도가 느려지고 사이트 최적화 SEO에도 영향을 미치게 됩니다. 그뿐만 아니라 첫인상에서 글을 읽는 것보다 상단 배경이 마음이 쓰여 집중도가 떨어지게 됩니다.
이런 여러 가지 중요한 문제들을 해결하기 위해 오늘 배경 이미지를 어떻게 삭제할 수 있는지에 대한 방법을 하나하나 알려드리도록 하겠습니다.
글 제목 바 카테고리 위치 및 배경색 변경, 카테고리 위치, 글꼴 편집하기
스킨 편집에서 수정할 html 코드 찾기
글 제목의 배경 이미지를 삭제하려면 html 코드를 수정해야 합니다.
먼저 티스토리 블로그 로그인을 한 다음 오른쪽 상단 아이콘을 클릭합니다.
블로그 이름 우측에 보면 톱니바퀴처럼 생긴 이미지를 클릭합니다.
<블로그 관리 홈> 메뉴 중 <꾸미기> 아래 - <스킨 편집>에 들어갑니다.
오른쪽 스킨 편집 창에서 <html 편집>을 클릭하세요.
상단에 보면 <HTML>, <CSS>, <파일 업로드> 3가지 메뉴 중 <HTML>을 선택하시면 코드를 수정할 수 있는 창이 나타납니다. 자, 이제부터 코드를 수정해야 하는데 수많은 코드 중에 내가 수정해야 할 코드만 찾으려면 검색 기능을 이용해야 합니다. 창 아무 데나 마우스로 클릭하고 자판기의 <ctrl + F>를 눌러주세요.
그러면 입력할 수 있는 검색창이 나타나는데 여기에 내가 필요로 하는 코드를 입력해서 찾으면 됩니다. 우리는 블로그 스킨 제목의 배경 이미지를 삭제해야 하니 일단 글 제목이 있는 코드를 찾아야 하겠죠?
검색창에 <s_permalink_artide_rep>라고 입력하고 엔터키를 누릅니다.
코드 중 내가 입력한 코드와 맞는 문장에 찾기 쉽도록 색이 들어가 있는데 똑같은 문장이 여러 개 나옵니다. 그중에서 <style="background-image:url>이 들어간 문장을 찾습니다.
저는 424번 행에 위치해 있습니다.
이렇게 내가 수정할 html 코드 위치를 확인하였으니 수정을 해봐야겠죠..
HTML 코드 수정하기
수정에서 중요한 것은 우리가 무엇을 하려고 하는지 목적을 정확하게 파악하고 진행해야 합니다. 우리는 블로그 글이 나오는 페이지 상단 제목 부분에 들어간 배경 이미지를 삭제하려는 목적입니다. 이 배경 이미지가 어떻게 들어갔는지 html 코드에 보니 이미지 URL이 자동으로 들어가 있었습니다. 그럼 우리는 이 이미지 URL을 사용하지 않겠다고 명령어를 입력하면 되겠죠.. 자 수정해 볼게요..
위 이미지에서 424번 행에 보시면 코드 중간에
<style="background-image:url(##_art~~ 생략~~)<s_article_rep_thumbmail>>이라고 보이실 겁니다.
여기서 url → none으로 수정하고 그다음 괄호 안에 있는 (##_art~~ 생략~~) 부분은 전부 삭제합니다. 그러면 코드는 최종적으로 아래와 같이 수정이 됩니다.
<style="background-image:none <s_article_rep_thumbmail>>
코드 앞부분은 생략하였습니다. 아래 이미지를 참고하시기 바랍니다.
코드 수정을 다 했으면 오른쪽 상단 <적용>을 클릭한 후 블로그 <새로고침>을 합니다.
내가 쓴 글에 들어가 보시면 예전에는 복잡했던 스킨 상단 제목 배경이 회색으로 깔끔하게 변경된 것을 확인할 수 있을 겁니다.
오늘 이렇게 가독성이 떨어지고 로딩 속도를 느리게 하여 사이트 최적화에도 큰 영향을 미치는 제목 배경 이미지를 삭제하는 방법에 대해 자세히 알아보았습니다. 어떻게 좀 도움이 되셨나요? 다음 시간에는 티스토리 블로그 글 제목 바 카테고리 위치 및 배경색, 텍스트 글꼴 편집과 관련된 내용에 대하여 알려드릴 테니 많은 관심 부탁드립니다.
글 제목 바 카테고리 위치 및 배경색, 글꼴 편집하기는 아래 글에서 확인하시기 바랍니다.
'티스토리블로그 관리' 카테고리의 다른 글
| 웹용 제목 텍스트 및 제목 바 공간 편집하기 (0) | 2023.03.01 |
|---|---|
| 글 제목 바 카테고리 위치 및 배경색, 글꼴 편집하기 (0) | 2023.02.28 |
| 구글 서치콘솔 rss 제출 <가져올 수 없음> 완벽해결 (7) | 2023.02.25 |
| 다음에서 무료로 내 사이트 검색등록하는 방법 (0) | 2023.02.25 |
| 구글 서치 콘솔 페이지 색인 생성이 안되는 문제해결 (6) | 2023.02.24 |
댓글