모바일 커스텀 하단 만들기 (푸터)
PC 버전에서 제작한 커스텀 하단이 모바일에서는 마음에 들지 않거나 모양이 틀어질 수 있습니다. 모바일에 딱 맞는 모바일 커스텀 하단을 만들려면 아래 제작 방법에 따라 제작해 보세요.
제작방법
모바일 커스텀 하단을 제작하는 방법을 설명합니다.
1단계: 모바일 전용 하단 디자인하기
뷰포트를 모바일로 전환하고, 모바일 전용 섹션을 만들어 페이지 최하단으로 이동하는 과정을 설명합니다.
- 디자인 모드에 접속합니다.
- 모바일로 뷰포트를 변경합니다.
- 섹션에 마우스 오른쪽 버튼을 클릭합니다.
주의: 위젯에 마우스 오른쪽 버튼을 클릭하지 마세요.
- 섹션 컨텍스트 메뉴가 나오면 모바일 전용 섹션추가를 클릭합니다.
- 새로운 모바일 전용 섹션이 생성되면 이제 해당 섹션을 페이지 가장 아래로 이동시켜야 합니다. 섹션에 마우스 오른쪽 버튼을 클릭하고, 컨텍스트 메뉴가 나오면 아래로 이동을 클릭합니다. (모바일 전용 섹션이 생성된 위치에 따라 이 과정을 반복해야 할 수 있습니다.)
- 위젯을 추가해 모바일 전용 섹션을 원하는 하단 디자인으로 제작합니다.
2단계: 모바일 전용 하단 섹션 반복하기
제작한 모바일 전용 하단이 모든 페이지에서 표시되도록 섹션 반복 기능을 켭니다.
- 모바일 전용 섹션으로 제작한 하단 섹션의 오른쪽 상단에 위치한 섹션 반복 아이콘을 클릭합니다.
- 이제 모든 모바일 버전 페이지에 커스텀 하단이 반복되어 표시됩니다.
- 디자인 모드 오른쪽 상단의 게시하기 버튼을 클릭합니다.
- 스마트폰, 태블릿 등 모바일 기기로 접속해 모바일 커스텀 하단이 정상 동작하는지 확인합니다.
기본 하단 및 커스텀 PC 하단 숨기기
기존 PC 버전에서 사용 또는 제작한 하단을 숨겨줍니다.
기본 하단 숨기기
하단 숨김 옵션을 활성화하여 PC 디자인 시 자동 생성된 기본 하단 디자인을 숨겨줍니다.
- 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
- 상단 메뉴 항목에서 아무 메뉴명의 오른쪽에 위치한 ⓘ 아이콘을 클릭합니다.
- 메뉴 설정 창이 나오면 옵션 항목에서 하단 숨김 옵션을 선택합니다.
- 메뉴 설정 창 바깥 영역을 클릭해 옵션 설정을 종료합니다.
- 위 2~4번 과정을 반복해 모든 상단, 하단 메뉴의 하단 숨김 옵션을 활성화 해줍니다.
- 모든 메뉴의 기본 하단이 숨겨지고, 커스텀 하단만 남게 됩니다.
커스텀 하단 숨기기
PC 커스텀 하단을 제작 및 사용하는 경우, 모바일에서는 표시되지 않도록 숨겨줍니다.
- 모바일 뷰포트에서 마우스 휠 스크롤을 내려 PC 커스텀 하단 섹션으로 이동합니다.
- 해당 섹션에서 왼쪽 상단의 눈모양 아이콘을 클릭합니다.
- 이제 모바일에서 커스텀 PC 하단 디자인이 숨겨져 표시되지 않게 됩니다.
