모바일 전용 메인 배너 섹션_혜조(완)

4-4. 모바일 전용 메인 배너 섹션

메인 배너 섹션의 경우 모바일 전용 메인 배너 섹션 기능을 이용하여 데스크탑과 모바일에 각각 다른 이미지를 등록할 수 있습니다.

모바일 전용 메인 배너 섹션 권장 사이즈: 가로 기준 840 - 1,440px

[ 모바일 전용 메인 배너 설정하기 ]

Step 1. 모바일 뷰포트로 전환해 주세요.

디자인 편집 에디터 우측 하단의 데스크톱 모양 아이콘 클릭하고 노출되는 모바일 모양 아이콘 클릭하면 모바일 뷰포트로 이동하실 수 있어요. 혹은 단축키 Ctrl(⌘) + Shift + M하신 후 노출되는 모바일 모양 아이콘을 클릭해 주세요.

Step 2. 메인 배너 섹션을 더블 클릭하고 모바일 전용 메인 배너 섹션을 '사용'으로 선택해 주세요.

Step 3. [ + ] 버튼을 클릭하여 이미지를 등록하면 모바일 전용 메인 배너가 적용됩니다.

사용하지 않을 메인 배너 섹션 위에 마우스를 올리면 삭제가 가능합니다.

[ 모바일 전용 메인 배너 섹션의 높이와 비율 설정하기 ]

메인 배너 섹션의 종류에 따라 모바일 전용 메인 배너 섹션의 높이와 비율 설정 방법이 달라집니다. 메인 배너 섹션의 종류를 확인하시려면 Ctrl(⌘) + Shift + M하신 후 데스크탑 모양 아이콘을 클릭하여 데스크탑 뷰포트로 이동해 주세요. [디자인 편집 > 메뉴(좌측 하단≡) > 스타일 편집 > 메인 배너 섹션]에서 확인하실 수 있어요.

• 메인 배너 섹션의 종류가 높이 고정인 경우 모바일 전용 메인 배너 섹션의 높이를 별도 설정할 수 있어요. [모바일 뷰포트 > 메뉴(좌측 하단≡) > 스타일 편집 > 메인 배너 섹션]에서 높이를 조정할 수 있어요.

• 메인 배너 섹션의 종류가 비율 고정인 경우 데스크탑에서 설정한 메인 배너 섹션의 비율을 동일하게 따라갑니다. [데스크탑 뷰포트 > 메뉴(좌측 하단≡) > 스타일 편집 > 메인 배너 섹션]에서 비율을 조정할 수 있어요.

메인 배너 섹션의 종류별 이미지 설정 방법이 궁금하다면 메인 배너 섹션의 크기 안내서를 확인해 주세요.