PC용 웹을 모바일 웹으로 변경하기

http://www.howtogomo.com

하우투고모(고모)는 웹페이지가 모바일 웹으로써 적합한지를 테스트하고 두다모바일에서 직접 모바일웹페이지로 만들 수 있다. 실제 만드는 것은 http://www.dudamobile.com/에서 진행된다.

먼저 고모에 접속하여 get started > build your site

원하는 웹주소를 입력하면 거의 반은 끝난다.

모교 웹페이지를 입력해 봤다. (참고로 처음 가입하면 첫해는 프리 프리미엄으로 한 개의 사이트에 대해 모든 기능을 제공해준다. 만약 다른 사이트를 추가하고 싶을 경우 기존 것을 지우고 다시 해야 한다.)

분석하더니 프레임이 있다고 지정해 달라는군요. 그래서 다시 URL 입력하고 Make.

열심히 진행중입니다. (순식간이죠)

분석이 끝나고 나면 기본틀이 만들어진다. 여기에서 레이아웃, 색상 등을 지정한다.

사이트 디자인을 하는데 기본(Basic)와 상세설정이 가능한(Full) 을 선택할 수 있다. 이미 해 봤기에 대충 넘어간다.

 

회원가입을 안했다면 회원가입후 save my site를 누른다.

혹시 save my site를 눌러도 반응이 없다면 http://www. dudamobile.com 에서 기존의 분석된 사이트가 있는 경우이다.

그만 하던가 기존 것을 삭제하면 계속 진행가능하다. 무반응을 뭐라도 표기를 해 주면 좋을 것을..

다 끝나면 아래처럼 주소가 나오고 해당 주소를 누르면 모바일에서 볼 수 있다.

매번 저 주소를 칠 수 없으니 기존 웹페이지에 리다이렉트하도록 수정한다. 'setup my mobile website redirect'를 누르면 코드도 보여준다.

다 끝났으면 상단의 preview 를 눌러서 각 모바일기기별로 어떻게 보이는지 확인한다.

 

이건 조금전 애기했던 dudamobile 페이지이고 조금전에 등록한 내용이 표기 됐다.