티스토리 본문 썸네일 숨기기

 

 

사진을 올리다 보면 많은 사진이 있지만 본문의 내용 중의 썸네일로만 공개하고 싶으신 경우가 있으시지요. 가끔 블로그에 들어가다 보면 대표 사진을 눌러 들어갔는데 대표 사진은 블로그상에 나타나지 않고  이미지들만 나오는 경우가 있습니다. 바로 썸네일 숨기기 방법을 사용한 것인데요. 어렵지 않고 금방 따라 하실 수 있으니 어떻게 하는 것인지 알려드리도록 하겠습니다.

 

 

 

 

 

글쓰기 상태에서 숨기고자 하는 대표이미지 사진 파일을 불러오도록 합니다. HTML모드에서 대표 이미지인 썸네일 2.png 파일을 숨겨보도록 하겠습니다.

 

 

 

 

 

 

 

 기본모드에서  HTML 모드로 들어가 image 썸네일 2.png 파일을 찾아 주세요. 

 

 

 

 

 

 

예전에는 파일 이름 뒤에 " style="display:none;" 이라고 태그를 추가하여 넣으면 사진이 숨겨졌다고 하지만 요즘에는 그렇게 해보면 숨겨지지가 않는다고 하더군요.

저 또한 한번 해보기 위해 파일 이름 뒤에 한 칸을 띄고 태그를 넣으고 확인해보니 숨겨지지 않는 것을 확인하였습니다.

다른 방법으로 어떤 것을 넣어야지만 숨겨지는지 다시 시도해 보니 <div> 태그를 넣어야지만 썸네일 사진이 없어지는 것을 확인하였습니다.

 

 

 

 

기존 태그 앞쪽에 <p> 태그를 지우고 <div style= "display:none;">를 넣은 후 썸네일 2.png 파일 뒤쪽에 </div> 태그를 넣어 마무리 해준후 기본 모드로 돌아와 보면 사진이 보이지 않는 것을 확인하실 수 있게 될 것입니다. 

 

 

 

 

혹시 사진이 지워진 것인가 의심이 드실 수도 있습니다. 하지만 HTML 모드에 들어가시면 태그가 설정이 되어있는 것이 나오며 글을 발행 시에는 썸네일이 대표로 되어있는 것을 확인하실수 있습니다.

간단하게 <div> 태그만으로도 썸네일을 숨기 실수 있으시니 자신의 사진들을 숨기고자 하실 때 활용해 보시는 것은 어떠실까요.