티스토리 본문 이미지 숨기기. div 태그 방법

언제부터 바뀐 건지 모르겠지만 티스토리의 이미지 삽입 코드가 바뀌어서 기존의 style="display: none;" 방법으로는 본문에 삽입한 이미지를 더이상 숨길 수 없게 되었다. 결과적으로는 <div> 태그를 사용하니 숨길 수 있었다.

<div style="display: none;">[##_Image ~~~ ##]</div>

예전에는 이미지를 넣으면 아래와 같은 코드가 삽입이 되기 때문에 style="display: none;"을 중간에 삽입하면 이미지를 숨길 수 있었다

[##_Image~~~~|alignCenter|data-origin-width="400" data-origin-height="400" data-filename="smile.jpg" style="display: none;" data-ke-mobilestyle="widthContent"|||_##]

새로 바뀐 이미지 코드는 아래와 같은데 기존과 비슷하면서도 다르다.

[##_Image~~~~CDM|1.3|{"originWidth":400,"originHeight":400,"style":"alignCenter","filename":"smile.jpg"}_##]

여기에 기존에 사용하던 style="display:none"를 넣기 위해 이것저것 시도해 보았는데 다 실패하고, <div> 태그를 사용하니 성공할 수 있었다.

<div style="display: none;">[##_Image~~~~CDM|1.3|{"originWidth":400,"originHeight":400,"style":"alignCenter","filename":"smile.jpg"}_##]</div>

카테고리의 다른 글

  1. 워드프레스에서 이미지 외곽선(CSS)을 선택적으로 넣기 (GeneratePress)
  2. 티스토리 첨부파일 이름이 잘릴 때 해결방법 (스퀘어 스킨)
  3. 클라우드웨이즈에서 워드프레스 1개월 반을 되돌아보는 후기
  4. 구글 태그 매니저 ip 추적 설정 후 애널리틱스 페이지 뷰 중복 해결하기
  5. 워드프레스에 첨부하는 사진의 효율적 크기 찾기 (적정 사이즈)

댓글 남기기