모바일 버전은 사용하지 않고 PC 버전만 사용하기

아임웹 디자인 모드에서는 PC 버전의 웹사이트를 제작하면 모바일 버전이 자동으로 구성됩니다. 다만, 웹사이트에 따라서는 PC 버전만 이용하고 모바일 버전은 필요 없을 수 있습니다. 이때 사용자는 자동으로 구성되는 모바일 버전을 섹션 단위로 숨기거나, 아래 그림과 같이 PC에서 접속할 것을 안내할 수 있습니다.

이 도움말에서는 웹사이트의 첫 페이지가 모바일에서 표시되지 않도록 숨기는 방법을 설명하며, 필요에 따라 모바일로 접속했을 때 PC로 접속할 것을 유도하는 안내말을 덧붙이는 방법을 설명합니다.

설정방법

모바일 편집을 위해 뷰포트를 모바일로 변경합니다.

  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  3. 상단 메뉴 항목에서 가장 첫 번째 메뉴를 클릭해 이동합니다.
  4. 디자인 모드 상단 중앙에 모니터 아이콘을 클릭합니다.
  5. 모바일을 클릭합니다.

  6. 뷰포트가 PC에서 모바일로 변경됩니다.

페이지의 상단과 하단 섹션을 숨기는 방법을 설명합니다.

  1. 디자인 모드 최상단 중앙에 위치한 메뉴명을 클릭해 메뉴 설정 창을 켭니다.

  2. 옵션 항목에서 상단 숨김하단 숨김을 선택합니다.

  3. 메뉴 설정 창 바깥 영역을 클릭해 설정을 완료합니다.
  4. 페이지 상단과 하단 섹션이 숨겨집니다.

모바일 기기로 웹 페이지에 접속했을 때 PC 브라우저로 접속할 것을 안내하는 문구를 추가하는 과정을 설명합니다. 이 단계는 선택 사항으로 필요하신 경우에 진행하세요.

  1. 위젯이 없는 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.

  2. 컨텍스트 메뉴가 나오면 모바일 전용 섹션추가를 클릭합니다.

  3. 모바일 전용 섹션이 추가되면 정가운데 ⨁ 아이콘을 클릭해 텍스트 위젯, 여백 위젯, 이미지 위젯 등을 사용해 '모바일 버전은 제공하지 않으며, PC에서 접속할 것을 안내'합니다.

PC 버전 제작 시 자동으로 구성된 모바일 디자인을 섹션 단위로 숨기는 방법을 설명합니다.

  1. 섹션의 왼쪽에 표시된 아이콘을 클릭합니다.

  2. 남은 모든 섹션도 왼쪽의 아이콘을 클릭해 숨겨줍니다.

설정사항을 웹에 게시하고, 모바일 기기에서 확인합니다.

  1. 디자인 모드 오른쪽 상단의 게시하기 버튼을 클릭합니다.
  2. 스마트폰 등의 모바일 기기를 통해 페이지 주소로 접속합니다.
  3. 의도한대로 화면이 표시되는지 확인합니다.

이제 방문자가 주소 입력 등을 통해 내 사이트 첫 페이지에 접속하면 모바일 버전이 표시되지 않으며, 위 3단계를 적용한 경우 PC 접속 안내문구가 표시됩니다.

단, 첫 페이지의 모바일 섹션을 숨기더라도, 다른 메뉴에서는 방문자에게 보여질 수 있습니다. 일부 방문자는 메뉴가 아닌 페이지 URL(주소)로 접속할 수 있기 때문입니다.

만약 모든 메뉴가 모바일에서 표시되지 않도록 설정하려면 위 2~4단계를 반복해 모든 메뉴마다 상단과 하단, 본문 섹션을 숨겨 주세요.

관련 도움말

위 도움말과 반대로 방문자에게 PC 버전은 제공하지 않고 모바일 버전만 제공할 수 있습니다. 아래 도움말 링크를 참고해 모바일 버전만 접속할 수 있도록 설정해 보세요.

PC 버전은 사용하지 않고 모바일 버전만 사용하기

목록으로