그누보드 폰에서 글 입력 확대되는 현상 막는 방법


그누보드로 사이트를 제작하고 운영하다면 어느정도는 커스터마이징을 하게 되죠. 특히 자잘한 부분들은 애당초 상세하게 설정되지 않기 때문에 사이트 관리자 입장에서는 수정을 원하게 돼요.

아이폰 등에서 사이트에 접속을 하고 글을 작성하려고 하면 화면이 확대되어서 다시 줄여야 하는 불편함이 발생할 수 있어요. 이건 간단히 HEAD라인에 있는 meta tag를 변경해주어서 쉽게 수정이 가능해요.

그런데 그누보드에서는 어떻게 찾아 들어가야 하는것인지 알아보도록 할게요.

아마 그누보드를 사용하시는 분들의 대부분은 본인이 맘에 들어하는 테마를 적용해서 사용하고 계실거예요. 

이렇게 테마를 적용한 뒤에는 기본 파일에 있는 내용을 수정해도 사이트에 변경된 내용이 보이지 않아요. 설치한 테마 폴더로 들어가서 수정을 해줘야 하죠.

먼저 파일질라 등의 FTP서비스를 이용해서 로그인을 해주세요. 그리고 그누보드가 설치된 디렉토리로 이동하면 아래와 같이 'theme' 폴더가 보이실거예요. ▼ 


아마 테마를 설치하면서 이 폴더에 집어넣었던 것이 기억나실거예요. theme폴더로 들어가신 뒤 본인이 사이트에 적용하고 있는 테마 폴더로 들어가주세요. 그런 뒤 아래 사진과 같이 head.sub.php를 편집으로 열기 해주세요. ▼

저는 visual studio를 설치해두었기 때문에 편집창 화면이 다를거예요. 그래도 소스는 동일하기 때문에 본인 컴퓨터에 설치되어있는 편집창을 그대로 이용하시면 돼요.

먼저 ctrl+f를 눌러서 "meta"를 검색해주세요. 그런 다음 아래 사진을 참고해서 소스 코드를 수정을 해주실거예요. 먼저 maximum-scale=10으로 되어 있으실거예요. 이부분을 1.0으로 변경해주세요. 그리고 user-scalable=yes로 되어있을 거예요. 이부분을 0으로 변경해주세요.


이제 파일을 저장하시고 다시 서버에 업로드 시켜주세요. 그런 다음 잘 적용되었는지 모바일에서 확인을 해주세요!

만약 적용이 안되었다면 모바일 웹브라우저 캐시를 삭제하시고 다시 들어가보세요. 잘 적용된 것을 보실 수 있어요.