[티스토리_꾸미기] 이미지 없을 때 표시되는 이미지 바꾸기 (대체이미지 바꾸기 :)

이 글은 작성일 기준 제가 사용하고 있는 'Letter' 스킨 기준이므로 각 스킨마다 조금씩 다를 수 있습니다 :)

 

오늘은 티스토리에서

글에 이미지가 없을 때 표시되는 이미지를 바꿔보겠습니다!!

텍스트로 써놓은 이미지입니다.

간단하게 대체이미지라고 하겠습니다 :D

 

이 대체이미지를 바꾸고 싶은데, 어떻게 해야 할지 잘 모르겠어서 이 글을 읽고 계실 거라고 생각합니다.

자, 우선 이 대체이미지를 바꾸는 건 아주 간단합니다 :o

우선, 스킨 편집으로 들어가주세요(https://블로그주소/manage에서 스킨편집 클릭!)

그리고 여기서 

html 편집

을 눌러줍니다.

 

눌러주셨다면

기본적으로 HTML 수정 탭으로 들어가셨을 겁니다.

여기서!

먼저 새 대체이미지를 업로드해야 하기 떄문에 파일업로드로 가서

파일을 업로드 해줍니다.

저는 Unsplash에서 다운받은 이미지를 사용하였습니다.

Beautiful Free Images & Pictures | Unsplash

 

이렇게 업로드를 해주셨으면,

이번에는 상단에 있는 메뉴에서 CSS를 눌러줍니다.

그리고, 

코드가 있는 부분을 한번 클릭하고 ctrl+F를 눌러

thumbnail을 검색해줍니다.

 

 

그 다음, 아까 업로드한 이미지의 상대경로를 입력해줍니다.

ex) images/noPhotos_unsplash.jpg

 

그리고, 제대로 적용되었는지 확인하기 위해   새로고침  버튼을 클릭해줍니다.

 

원래 이미지가 없어 기본 대체 이미지였습니다. 바꾼 후 모습입니다.

그리고, 이미지가 제대로 잘 적용이 되었다면

 적용  버튼을 눌러 변경사항을 적용시켜줍니다.

그러면 대체이미지가 잘 나오게 됩니다. :D

 

---

변경된 모습

변경 전

변경 후