Internet/Tistory

티스토리 본문 이미지 숨기기

by 1730 2022. 3. 18.

검색 유입을 위해 섬네일을 별도로 만들어 사용하는 경우가 많은데 본문 내용과 관련이 없을 경우 섬네일이 방해가 될 수 있기 때문에 내용에 불필요한 이미지를 감추는 방법입니다.

 

 

내용에 전혀 필요가 없는 썸네일을 본문에 노출시키는 것이 도움이 되지 않는다고 생각되기에 사진을 등록하고 HTML 모드로 전환하고 사진에 붙은 태그를 변경하고 속성을 추가하여서 이미지는 숨길수 있습니다.

 

<p>[##_Image|kage@bZuHXw/btrwiyR8676/IVwUKL0nnc9uixH4oliLk1/img.png|CDM|1.3|{"originWidth":974,"originHeight":973,"style":"alignCenter","filename":"thumbnail.png"}_##]</p>

등록된 이미지의 태그 <p>... </p>를 <div> 변경합니다.

 

 

<div style="display:none">[##_Image|kage@bZuHXw/btrwiyR8676/IVwUKL0nnc9uixH4oliLk1/img.png|CDM|1.3|{"originWidth":974,"originHeight":973,"style":"alignCenter","filename":"thumbnail.png"}_##]</div>

div 태그로 변경하고 style="display: none" 스타일을 추하면 이미지는 숨길수 있습니다. div 태그로 변경하는 이유는 편집기에서 HTML 모드에서 p태그에 추가 속성을 추가하면 편집기에서 이미지가 있는 P tag에 추가된 속성을 자동으로 지워 버리기 때문에 태그 변경이 필요합니다.