[하단 ]모바일 커스텀 하단 푸터 만들기

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


제작방법

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

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

  1. 디자인 모드에 접속합니다. 
  2. 모바일로 뷰포트를 변경합니다. 
  3. 섹션에 마우스 오른쪽 버튼을 클릭합니다.
    주의: 위젯에 마우스 오른쪽 버튼을 클릭하지마세요.

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

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

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

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

  1. 모바일 커스텀 하단 섹션에 마우스 오른쪽 버튼을 클릭합니다.
    주의: 섹션을 추가하려면 위젯에 마우스 오른쪽 버튼을 클릭하지마세요.
  2. 섹션 보조 메뉴가 나타나면 섹션 반복을 클릭합니다.

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



PC 하단 섹션 숨김

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

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


감성적인 느낌이 있는 디앤퍼슨스의 디자인
웹사이트, 쇼핑몰 디자인 맞춤제작 그리고 템플릿
COPYRIGHT © 2007-2024. DNPERSONs ALL RIGHTS RESERVED.