• 가이드

모바일 버전 꾸미기

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

- 뷰포트를 활용해 모바일 버전 꾸미기


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


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


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

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



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

목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

115.6K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

297

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

612

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 채널, 엑심베이 공식파트너입니다.