상단이란?

사이트에 접속했을 때, 가장 위에 있는 구성들을 보신 적 있나요?

대부분 메뉴가 나열되어 있고, 로그인/ 회원가입 또는 장바구니, 마이페이지 등 버튼이 구성되어 있으며,
또 어떤 메뉴에서는 스크롤 하면 위에 있는 메뉴들이 따라 내려와서 편리할 때도 있죠 🙂

사이트 내 가장 위에 있는 이 부분을 “상단” 또는 “헤더” 라고 불러요.
이 가이드에서는 “상단(헤더)”에 대해 알아볼게요!



상단(Header)이란?

아임웹 사이트는 위에서부터 “상단(Header)”, “본문(Body)”, “하단(Footer)” 으로 구성되어 있어요.


그 중에서도 “상단” 에는 로고, 메뉴, 로그인/회원가입, 장바구니 등이 표시되는 영역으로 내비게이션 메뉴라 부르기도 해요.
상단은 직접 상단 숨김 처리를 하지 않으면 모든 메뉴에서 보여진답니다. 😊

💡 [디자인 모드 > 좌측 상단 - 삼선 버튼 (메뉴 관리) > 메뉴에 마우스 우 클릭 - 설정 > 상단 숨김] 부분에 체크



상단을 내 마음대로 디자인할 수는 없나요?

아임웹에서는 모든 메뉴에 공통으로 들어가는 상단을 별도로 디자인 할 수 있는 공간이 있어요 🙂

이 공간은 [디자인 모드 > 상단에 마우스 우 클릭 - 설정 (또는 우측 상단 ‘상단설정’ 버튼 클릭)] 을 통해 접속할 수 있어요!


상단 메뉴는 PC 디자인이 자동으로 모바일에 반영되지 않기 때문에 별도로 모바일의 상단 메뉴를 디자인 하실 수 있어요!

상단 설정에 접속된 상태에서 모니터 아이콘을 클릭하면 디자인 모드 - 모바일로 전환이 가능해요.
(디자인 모드 - 모바일 경우, 모니터 아이콘 대신 모바일 아이콘이 노출돼요.)


이 공간에서 각종 위젯들을 추가해 필요한 기능을 세부적으로 구성하거나 디자인 할 수도 있고, '상단 기본’‘겹치기’ 상단을 활용해서 2가지 디자인의 상단을 보여줄 수도 있어요!




상단 디자인을 시작하기에 앞서, 상단에서 제공되는 세부 기능들에 대해 먼저 알아볼까요?
더 쉽게 상단을 디자인 할 수 있을 거예요 😉

👉 상단 세부 기능 알아보러 가기

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

목록으로