뷰포트를 모바일로 전환하고, 모바일 전용 섹션을 만들어 페이지 최하단으로 이동하는 과정을 설명합니다.

1. 디자인 모드에 접속합니다. 접속방법
2. 모바일로 뷰포트를 변경합니다. 뷰포트 변경방법

3. 섹션에 마우스 오른쪽 버튼을 클릭합니다.

   주의: 위젯에 마우스 오른쪽 버튼을 클릭하지 마세요.

   

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

5. 새로운 모바일 전용 섹션이 생성되면 이제 해당 섹션을 페이지 가장 아래로 이동시켜야 합니다. 섹션에 마우스 오른쪽 버튼을 클릭하고, 컨텍스트 메뉴가 나오면 아래로 이동을 클릭합니다. (모바일 전용 섹션이 생성된 위치에 따라 이 과정을 반복해야 할 수 있습니다.)

   

6. 위젯을 추가해 모바일 전용 섹션을 원하는 하단 디자인으로 제작합니다.

   

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

1. 모바일 전용 섹션으로 제작한 하단 섹션의 오른쪽 상단에 위치한 섹션 반복 아이콘을 클릭합니다.

   

2. 이제 모든 모바일 버전 페이지에 커스텀 하단이 반복되어 표시됩니다.
3. 디자인 모드 오른쪽 상단의 게시하기 버튼을 클릭합니다.
4. 스마트폰, 태블릿 등 모바일 기기로 접속해 모바일 커스텀 하단이 정상 동작하는지 확인합니다.

하단 숨김 옵션을 활성화하여 PC 디자인 시 자동 생성된 기본 하단 디자인을 숨겨줍니다.

1. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.

2. 상단 메뉴 항목에서 아무 메뉴명의 오른쪽에 위치한 ⓘ 아이콘을 클릭합니다.

   

3. 메뉴 설정 창이 나오면 옵션 항목에서 하단 숨김 옵션을 선택합니다.

   

4. 메뉴 설정 창 바깥 영역을 클릭해 옵션 설정을 종료합니다.
5. 위 2~4번 과정을 반복해 모든 상단, 하단 메뉴의 하단 숨김 옵션을 활성화 해줍니다.
6. 모든 메뉴의 기본 하단이 숨겨지고, 커스텀 하단만 남게 됩니다.

PC 커스텀 하단을 제작 및 사용하는 경우, 모바일에서는 표시되지 않도록 숨겨줍니다.

1. 모바일 뷰포트에서 마우스 휠 스크롤을 내려 PC 커스텀 하단 섹션으로 이동합니다.

2. 해당 섹션에서 왼쪽 상단의 눈모양 아이콘을 클릭합니다.

   

3. 이제 모바일에서 커스텀 PC 하단 디자인이 숨겨져 표시되지 않게 됩니다.