[티스토리 노출 잘되게 하는 방법] 모바일에서 이미지 확대/축소 가능하게 수정하기

안녕하세요! 물먕입니다(❁´◡`❁)

 

티스토리는 모바일에서 보았을 때 이미지 확대/축소가 안 되는 점

알고 계셨을까요~?

PC보다 모바일 검색이 많고 읽으시는 분들에게 편의를 주어야하는데

이 부분은 큰 단점일 수 있겠죠.

 

생각보다 쉬운 방법이니 차근차근 따라오셔서 해결하시길 바라겠습니다.

 

1. 블로그 설정-꾸미기-스킨 편집을 클릭합니다.

 

 

2. 스킨편집의 html 편집을 클릭합니다.

3.html의 문구를 수정합니다(중요)

HTML창 안에 커서를 두고 Ctrl+F 를 누른 후 viewport를 검색합니다. 

(6번째 줄에 있는 viewport를 수정해주려고 합니다.) 

<!--<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">-->

기존의 글 앞에 <!-- 과 글 뒤에 --> 를 입력해 주세요.

그리고 그 아래에 이 문구를 삽입한 후 적용을 클릭합니다.

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>

 

쉽게 말하여 이 문구들을 추가하시면 됩니다.

<!--<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">-->  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>

 

이게 모바일에서 주석처리가 되어 동작을 하지 못하게 도와주는 문구라고 보시면 될 것 같습니다.

 

 

4. 블로그 설정- 꾸미기- 모바일웹설정을 클릭합니다.

'티스토리 모바일웹 자동 연결을 사용하지 않습니다' 변경 후 적용을 하시면 

모바일에서도 확대/축소가 가능합니다.

 

그 후 네이버에 티스토리 블로그 검색 후 들어가시면 모바일에서 확대와 축소가 되는 것을 볼 수 있습니다 :)

혹시라도 이해가 되지 않는다면 댓글 달아주시면 친절하게 

알려드리도록 하겠습니다!