Docs콘텐츠 만들기
상단 네비게이션
비즈니스 초대장 상단에 표시되는 메뉴바를 설정하는 방법을 알아보세요.
5 min read
2026-07-02
상단 네비게이션
컨퍼런스·세미나·의료·부동산 등 비즈니스 행사 초대장 상단에 고정 메뉴바를 표시하는 섹션입니다.
상단 네비게이션이란?
- 자동 메뉴 생성: 초대장에 추가한 콘텐츠 섹션을 기반으로 메뉴 항목이 자동 구성됨
- 섹션 존재 = nav 표시: 이 섹션을 추가하면 상단 메뉴바가 나타나고, 삭제하면 사라짐
- 로고 지원: 브랜드명 텍스트 대신 로고 이미지 표시 가능
- 디자인 2종: 필+햄버거(밝은 톤) / 미니멀 대문자(어두운 톤)
설정하기
에디터에서 설정
- 편집 화면 왼쪽에서 상단 네비게이션 섹션 추가
- 다음 항목을 설정:
| 설정 | 설명 |
|---|---|
| 브랜드명 | 상단 좌측에 표시 (비워두면 커버/히어로 제목 사용) |
| 로고 이미지 | 설정 시 브랜드명 텍스트 대신 표시 (가로형 PNG·SVG 권장, 배경 투명) |
| 모바일 로고 | 미설정 시 기본 로고 사용 |
| 디자인 | 기본(레이아웃 추천) / 필+햄버거 / 미니멀 대문자 |
| 메뉴 | 자동 감지된 섹션 목록 — 이름 변경, 숨김 처리 가능 |
메뉴 자동 생성
초대장에 콘텐츠 섹션(요금제, 전후사진, FAQ 등)을 추가하면 해당 섹션으로 이동하는 메뉴 항목이 자동으로 생깁니다.
- 섹션 순서를 바꾸면 메뉴 순서도 함께 바뀜
- 메뉴별로 표시 이름을 직접 입력 가능 (비워두면 기본 이름 사용)
- 특정 메뉴만 숨김 처리 가능 (섹션은 유지, 메뉴에서만 제외)
- 최대 개수 제한 있음 — 초과하는 섹션은 메뉴에 표시되지 않음
메뉴는 별도로 추가하지 않습니다. 본문에 섹션을 추가하면 자동으로 메뉴 항목이 생성됩니다.
로고 이미지
로고를 설정하면 브랜드명 텍스트 대신 표시되며, 메뉴바 높이에 맞게 자동으로 리사이즈됩니다.
- 기본 로고와 모바일 로고를 따로 설정 가능
- 모바일 로고를 비워두면 기본 로고가 모바일에서도 사용됨
로고는 가로형 PNG나 SVG를 권장하며, 배경을 투명하게 만들면 어떤 디자인에도 자연스럽게 어울립니다.
디자인 스타일
필 + 햄버거
- 밝은 톤 배경에 어울리는 스타일
- 메뉴가 필(pill) 형태 버튼으로 표시, 모바일에서는 햄버거 메뉴로 전환
미니멀 대문자
- 어두운 톤 배경에 어울리는 스타일
- 메뉴 텍스트를 대문자로 표시하는 미니멀한 구성
디자인을 지정하지 않으면 레이아웃이 추천하는 기본 스타일이 자동 적용됩니다.
도움이 필요하신가요?
상단 네비게이션 설정에 궁금한 점이 있으시면 **고객문의**으로 문의해주세요!