위멘토 사용가이드


포토샵을 못해도 코딩을 못해도 쉽고 간편하게 관리 해보세요

관리자페이지

가이드 255

PC에서는 보이지 않고 모바일에서만 표시되는 모바일 전용 섹션을 활용해 새롭게 위젯을 추가하고 디자인할 수 있습니다. 

PC 버전과는 전혀 다른 레이아웃이나 콘텐츠를 표현하고자 할 때 사용합니다.

모바일 전용 섹션은 모바일 이동 및 숨기기와 달리 나중에 PC를 편집하더라도 초기화 되지 않습니다.


모바일 전용 섹션 추가하기

1단계, 뷰포트를 모바일로 전환합니다.
2단계, 위젯이 없는 영역에 마우스 오른쪽 버튼을 클릭합니다.
3단계, 보조 메뉴가 나타나면 [모바일 전용 섹션추가]를 클릭합니다.

4단계, 추가된 모바일 전용 섹션에 위젯을 추가하고 배치해보세요.
*모바일 전용 섹션은 PC에서는 보이지 않고 모바일에서만 표시됩니다.

PC 버전에서 필요했던 위젯들이 모바일 버전에서는 불필요할 수 있습니다.  

모바일 버전에서 불필요하다 생각되는 요소들이 있다면 숨김 처리합니다. (예 : 여백 위젯, 이미지 위젯 등)


모바일 버전 위젯 숨기는 방법

1단계, 뷰포트를 모바일로 전환합니다.
2단계, 숨기려는 위젯에 마우스 커서를 올립니다.
3단계, 위젯의 오른쪽 상단에 눈 모양의 아이콘을 클릭합니다.
4단계, 위젯이 모바일에서 사라진 걸 확인합니다.

모바일에서 불필요한 섹션 또는 숨기고 싶은 섹션을 선택해 숨김 처리할 수 있습니다.


모바일 섹션 숨기는 방법

1단계, 뷰포트를 모바일로 전환합니다.
2단계, 섹션마다 왼쪽 상단에 눈 모양 아이콘을 확인할 수 있습니다.
3단계, 왼쪽 눈 모양 아이콘을 클릭합니다.
4단계, 섹션이 숨겨진 것을 확인합니다.

모바일 기기에서 테이블(표) 일부가 잘려 보일 수 있습니다. 

이런 경우 기본 테이블을 반응형 테이블로 변경 해주세요. 

방문자는 모바일 기기에서 잘린 영역을 좌우 제스처를 통해 볼 수 있습니다.


변경 방법

  1. 마우스로 테이블 전체를 선택합니다.

  2. 테이블 보조 메뉴가 나타나면 표 스타일을 클릭합니다.

  3. 반응형 테이블을 선택합니다.

                        

PC 버전에서 제작한 커스텀 하단이 모바일에서는 마음에 들지 않거나 모양이 틀어질 수 있습니다. 모바일에 딱 맞는 모바일 커스텀 하단을 만들려면 아래 제작 방법에 따라 제작해보세요.

PC 버전 커스텀 하단/푸터를 제작하는 방법은 다음 도움말을 참조하시길 바랍니다.


제작 방법

1단계, 모바일 전용 하단 디자인하기

모바일 뷰포트로 전환해 모바일 전용 섹션을 추가하고 페이지 최하단으로 내려줍니다. 모바일 전용 하단을 디자인합니다.

  1. 디자인 모드에 접속합니다.
  2. 모바일뷰포트를 변경합니다.
  3. 섹션에 마우스 오른쪽 버튼을 클릭합니다.

    *주의 : 섹션을 추가하려면 위젯에 마우스 오른쪽 버튼을 클릭하지마세요.


  4. 섹션 보조 메뉴가 나타나면 모바일 전용 섹션추가를 클릭합니다.
  5. 추가한 모바일 전용 섹션을 아래로 이동시키기 위해 마우스 오른쪽 버튼을 클릭하고, 아래로 이동을 클릭합니다. 섹션 이동방법

  6. 위 5번 방법을 반복해 페이지 최하단까지 모바일 전용 섹션을 이동시킵니다.
  7. 모바일 전용 하단을 원하시는 디자인으로 제작합니다.

2단계, 모바일 전용 하단 섹션 반복하기

제작하신 모바일 전용 하단이 모든 페이지에서 표시되도록 섹션 반복 기능을 켭니다.

  1. 모바일 커스텀 하단 섹션에 마우스 오른쪽 버튼을 클릭합니다.


    *주의 : 섹션을 추가하려면 위젯에 마우스 오른쪽 버튼을 클릭하지마세요.

  2. 섹션 보조 메뉴가 나타나면 섹션 반복을 클릭합니다.

  3. 이제 모든 모바일 버전 페이지에 커스텀 하단이 반복되어 표시됩니다.
PC 하단 섹션 숨김

PC 커스텀 하단을 제작하신 경우 모바일에서는 표시되지 않도록 섹션 숨김 기능을 사용해 숨겨줘야 합니다.

  1. PC 뷰포트에서 제작한 커스텀 하단 섹션이 있는 곳으로 스크롤을 내립니다.
  2. 왼쪽 상단 눈모양 아이콘을 클릭해 섹션을 숨겨줍니다.

                    

INFORMATION


상호명 : (주)위멘토


사업자등록번호 : 506-87-00931

통신판매업번호 : 제2022-서울강서-1096호 

고객센터 : 1800-2142 ∣ 이메일 : sales@wemento.kr

대표자 : 김성진 ∣ 개인정보책임자 :김성진

주소 : 서울특별시 강서구 공항대로 212(퀸즈파크11), B동 404호

호스팅주소 : 서울특별시 강서구 공항대로 212(퀸즈파크11), B동 404호


© BYULZZI Corp. All Rights Reserved. hosting by byulzzi