모바일 버전 꾸미기 : 애드리빙

디자인모바일 버전 꾸미기

PC에서는 PC홈페이지처럼 보여지나 모바일에서는 모바일 형태로 보여지기를 원하는 경우가 있습니다.
이런 경우 모바일 뷰포트 기능을 이용해 작업할 수 있습니다.

① 뷰포트를 모바일로 변경합니다.
② PC에서 이미 디자인한 영역은 눈 가리기를 통해 숨깁니다.

①-② 모바일 전용 섹션 추가를 통해 섹션 영역을 추가하여 이미지 맵 위젯을 추가합니다.

마우스 우클릭을 통해 이미지 맵 설정으로 접속
① 미리 작업한 이미지를 업로드합니다.
② [추가] 버튼을 통해 링크를 연결합니다.
③ [추가] 버튼시 생성된 링크 박스를 링크 항목에 맞는 영역에 위치합니다.

모든 작업이 끝났다면 [게시하기]를 누릅니다.

실제 모바일 버전에서 확인한 모습입니다.(가로 100% 확장 설정을 해주시면 꽉찬 화면으로 확인할 수 있습니다.)