티스토리 블로그 글을 작성할 때 이미지나 사진을 삽입한 후에 발행을 하면 삽입한 이미지나 사진이 제목의 바탕이 되어 제목이 읽기 어려운 경우가 많습니다. 이 페이지에서는 제목의 이미지 배경을 단색 배경으로 변경하는 방법에 관하여 설명하겠습니다.
1. 제목의 배경색을 위한 색상 번호
제목의 배경색을 선택하기 위해서는 원하는 색상의 번호를 알아야 합니다. 티스토리의 색상 번호는 글쓰기의 글자색 메뉴에서 찾을 수 있습니다. 글자색 메뉴를 클릭하면 색상 팔레트가 표시됩니다. 그 중 원하는 색을 선택한 후 다시 글자색 메뉴를 클릭하면 방금 선택한 색상의 번호가 팔레트 하단에 표시됩니다. 다음 단계를 실행하기 위해 그 번호를 메모해 둡니다.
2. 스킨 편집에서 배경색 변경하기
블로그 관리의 스킨편집 메뉴에서 html 편집을 클릭합니다. 편집창이 뜨면 검색창 (Ctrl+F)을 이용해 permalink가 들어간 부분으로 이동한 후 background-image 부분을 삭제한 후 메모해 두었던 색상 번호를 이용해 background-color로 변경해 줍니다.
- 변경 전
<s_permalink_article_rep>
<div class="post-cover"<s_article_rep_thumbnail> style="background-image:url(https://blog.kakaocdn.net/dn/b6Mt2J/btrZbO0TbS9/AxP511QRJS9x2jQ8QuQ2yK/img.gif)"</s_article_rep_thumbnail>>
- 변경 후
<s_permalink_article_rep>
<div class="post-cover"<s_article_rep_thumbnail> style="background-color:#C0D1E7"</s_article_rep_thumbnail>>
<div class="inner">
위에서 설명한 순서대로 진행한 후 포스팅을 확인하면 제목의 이미지 배경이 단색 배경을 변경된 것을 확인할 수 있습니다.
댓글