모바일 화면 수정하기

모바일에서도 완성도 높은 사이트를 만들어보세요

아임웹은 반응형 웹사이트를 지원하여 PC 버전의 디자인이 자동으로 모바일에 적용됩니다.

하지만, 모바일 환경에 맞게 세부 조정을 통해 더욱 최적화된 사용자 경험을 제공할 수 있습니다.

모바일 화면 수정하는 방법

1. 모바일 뷰포트로 전환하기

1. 아임웹 로그인 > 내 사이트 > 관리 > 디자인 모드

2. 가운데 상단에 위치한 모니터 아이콘을 클릭하여 뷰포트를 모바일로 변경

   
   

2. 모바일 전용 섹션 추가하기

PC와 모바일에서 완전히 다른 콘텐츠를 보여주고 싶다면, 모바일 전용 섹션을 만들어보세요.

1. 섹션의 빈공간에 마우스 우클릭 > 모바일 전용 섹션추가 클릭

2. ⨁ 위젯 추가 버튼을 클릭하여 섹션 내에 필요한 위젯을 추가하여 콘텐츠를 구성

3. 오른쪽 상단 게시하기 왼쪽 '미리보기' 아이콘 클릭하여 변경 내용 확인이 가능

4. 변경 내용 확인 후 오른쪽 상단 '게시하기' 버튼 클릭하여 적용

참고: 모바일 전용 섹션은 PC 버전에는 표시되지 않으며, 모바일 사용자에게만 노출됩니다.

3. 위젯 및 섹션 숨기기

PC에서 만든 디자인이 모바일에서는 조금 복잡해 보일 수 있어요.

이럴 땐 숨김 기능을 활용해보세요.

1. 숨기고자 하는 위젯 또는 섹션에 마우스를 올립니다.

2. 오른쪽 상단(위젯) / 왼쪽 상단(섹선)에 나타나는 숨김(눈 모양) 아이콘을 클릭

3. 오른쪽 상단 말풍선 아이콘을 눌러 언제든지 다시 표시할 수 있습니다.

다음 단계로는 네이버·카카오·구글 로그인 연동하기로 이어집니다.