상단 겹치기

아래 이미지처럼 상단과 상단 바로 아래 섹션의 배경이 겹쳐진 형태를 보신 적 있나요?


아임웹에서는 이런 형태로 디자인을 희망하는 분들을 위해 “상단 겹치기” 기능을 제공하고 있어요 😊
상단 바로 아래에 위치한 섹션이 “배경”으로 이루어져 있다면, 상단과 아래 배경을 매우 간단히 일체화 시킬 수 있는데요.

지금부터 그 방법을 알려드릴게요!



1. 디자인 모드에서 상단 바로 아래에 빈 섹션을 추가해 주세요.

2. 두 가지 방법 중에 선택하여, 추가한 섹션에 배경을 삽입해 주세요 🙂

  • 비주얼섹션 
    상단 바로 아래에 [마우스 우 클릭 - 빈 섹션 추가 > 비주얼섹션 추가 > 비주얼섹션에 마우스 우 클릭 - 설정] 에서 배경 이미지 또는 동영상 추가

  • 섹션 배경
    상단 바로 아래에 [마우스 우 클릭 - 빈 섹션 추가 > 빈 섹션에 마우스 우 클릭 - 설정] 에서 배경 이미지 또는 동영상 추가

TIP: 추가한 배경 이미지가 사이트에서 보이려면 배경 위에 위젯을 추가해 주셔야 해요. 만일 배경만 표시하고 싶다면, [여백] 위젯을 추가하여 높이 조절을 권장 드려요.

3. [디자인 모드 > 상단에 마우스 우 클릭 - 겹치기 (또는 우측 상단 - ‘상단 겹치기’ 아이콘)] 를 클릭하여, 배경과 상단을 일체화 시킬 수 있어요.


4. (선택사항) 실제 사이트에 반영하기 전에, ‘우측 상단 - 미리보기’ 를 통해 사이트에 어떻게 반영이 될지 미리 확인해 보세요!

5. 겹치기 구성이 되었다면, 디자인 모드로 돌아가서 ‘우측 상단 - 게시하기’ 버튼을 클릭하여 실제 사이트에 반영해 주세요.



주의:
☑  위젯은 겹쳐지지 않고, 배경만 겹쳐지기 때문에 상단 바로 아래 섹션에는 무조건 배경이어야 해요.
☑  일괄로 겹치기 설정은 불가하기 때문에, 각 메뉴마다 설정해 주셔야 해요.
☑  겹치기 기능을 해제하면 기본 상단 디자인으로 되돌아와요.


주의사항만 잘 이해한다면, 상단 겹치기는 매우 쉽게 사용할 수 있는 기능이에요!
겹치기 상단을 사용 중인 메뉴라면 겹치기 섹션에서 스크롤 고정을 사용할 수도 있다는 점!

상단 기능에 대해 더 궁금하신가요? 아래에서 더 확인하실 수 있어요!

👉 상단 기능이 궁금해요!

👉 상단기능 알아보기 동영상 가이드

목록으로