안녕하세요. 티스토리 블로그를 모바일에서 보는 경우 페이지 및 이미지의 확대 축소가 불가능해 불편하셨던 경험 아마도 한 두 번쯤은 있으셨을 거라 생각되는데요. 모바일은 PC와 달리 화면 자체가 작아 확대가 불가능할 경우 가독성이 떨어지는 경우가 발생하게 됩니다. 오늘은 HTML 태그를 변경해 내 티스토리 블로그를 모바일에서 마음껏 확대 및 축소가 가능하도록 변경하는 법을 한 번 알아보도록 하겠습니다.
먼저 HTML 태그 수정을 위해 내 블로그 관리자로 로그인한 후 순서대로 꾸미기 -> 스킨 편집으로 이동한 다음 아래 화면과 같이 html 편집을 클릭해 주시기 바랍니다.
HTML 창에서 <head>와 </head> 사이를 잘 찾아보시면 아래 그림과 같이 <meta name='vewport"로 시작되는 태그를 발견하실 수 있으실 겁니다. user-scalbae=no 유저가 변경할 수 없도록 설정되어 있다는 거 감이 잡히시죠?
이 태그 자체를 삭제할 수도 있으나 그래도 티스토리 기본 설정이니 혹시 모를 일에 대비해서 주석으로 변경해 기능만 죽이고 남겨 두도록 하겠습니다. 주석으로 변경하기 위해선 <!-- --> 태그가 필요한데요. 아래 예문과 같이 기존 태그 앞 뒤로 <!-- -->를 이용해 막아 주시면 됩니다.
<!-- <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"/>
아래 이미지는 태그 추가를 완료한 모습입니다. 여러분의 창도 아래 이미지와 같은 지 한 번 잘 확인해 보시기 바랍니다.
이상이 없다면 이제 적용을 클릭해 변경 사항을 저장해 주시면 됩니다. 너무 간단하죠? 모바일에서 정상적으로 작동하는지 한 번 확인해 보시길 바라며 이만 마치겠습니다. 감사합니다.
'IT 및 온라인' 카테고리의 다른 글
| 티스토리 이미지 불펌 방지 설정하기 (6) | 2022.12.30 |
|---|---|
| 티스토리 불펌 방지 및 일부 복사 허용 설정하기 (1) | 2022.12.30 |
| 구글 서치 콘솔에 내 티스토리 블로그 등록하는 법 (0) | 2022.12.28 |
| 네이버 서치어드바이저에 내 티스토리 블로그 등록하는 법 (0) | 2022.12.28 |
| 구글 드라이브 할당량 초과로 다운로드 받을 수 없을 때 다운로드 받는 방법 (0) | 2022.12.09 |
