헤더 구성하기
작성일 2026.07.02 | 수정일 2026.07.02
헤더는 사이트 상단의 메뉴 막대입니다. 여러 개를 만들어 페이지마다 다른 헤더를 붙일 수 있어요. 모든 설정은 백스테이지 > 스튜디오 > 헤더에서 합니다.
헤더 만들기
헤더 추가를 눌러 이름(과 필요하면 slug)을 입력하면 새 헤더가 생성되고 바로 편집 화면이 열립니다. 헤더는 원하는 만큼 만들 수 있어요. 메인 헤더는 사이트 기본값으로 항상 존재하며 삭제할 수 없습니다.
실시간 미리보기로 꾸미기
편집 화면 상단에 실제 사이트가 미리보기로 떠서, 값을 바꾸면 자동 저장되며 미리보기에 바로 반영됩니다. 별도 저장 버튼은 없어요. 미리보기에서 이 헤더가 실제로 쓰이는 페이지를 골라 확인할 수도 있습니다.
헤더에서 구성할 수 있는 것들:
- 로고 — 사이트 기본 로고를 쓰거나, 이 헤더만 다른 로고로 덮어쓸 수 있어요.
- 네비게이션 — 메인 메뉴(링크 + 드롭다운, 드래그로 정렬) 또는 검색바 중 하나를 켭니다.
- 로고 옆 바로가기 — 로고 오른쪽의 작은 단축 링크입니다.
- 액션 버튼 — 헤더 우측의 강조 버튼(로그인·체험·회원가입).
- 여백 — 헤더와 각 영역(로고·메뉴·버튼)의 좌우 마진·패딩.
- 외관 — 배경색(투명도·블러 포함), 하단 라인, 그림자.
헤더를 어디에 적용하나
만든 헤더는 세 가지 방식으로 붙일 수 있고, 좁은 범위가 우선합니다.
- 개별 페이지 — 스튜디오 페이지 편집에서 그 페이지에만 특정 헤더를 지정합니다. (가장 우선)
- 문서 타입별 기본 헤더 — 문서 타입 편집의 기본 헤더에서 지정하면 그 타입의 모든 문서에 적용됩니다.
- 사이트 기본 헤더(main) — 위에서 아무것도 지정하지 않으면 메인 헤더가 쓰입니다.
즉 개별 페이지 → 문서 타입 기본 → 사이트 메인 순서로 적용됩니다. 예를 들어 랜딩 페이지에는 전용 헤더를, 가이드 타입에는 검색바가 있는 헤더를, 나머지는 메인 헤더를 쓰는 식으로 구성할 수 있어요.