Wix 하모니 에디터: 메뉴 추가 및 관리하기
13 분
페이지 메뉴
- 메뉴 추가하기
- 메뉴 아이템 추가 및 관리하기
- 메뉴에 드롭다운 추가하기
- 메뉴 레이아웃 변경하기
- 세로 및 가로 메뉴 디자인하기
- 모바일에서 메뉴 작업하기
- 자주 묻는 질문
이 도움말은 2026년 1월에 출시된 새로운 Wix 하모니 에디터를 참조합니다. Wix 하모니 에디터를 사용 중인지 Wix 에디터를 사용 중인지 확실하지 않다면, 여기에서 자세한 정보를 확인하세요.
메뉴를 사용하면 방문자가 사이트를 쉽게 탐색하고 제공하는 기능을 쉽게 찾을 수 있습니다. 가장 중요한 페이지와 링크를 선택하세요. 메뉴의 모양과 작동 방식을 결정해 방문자가 어떤 기기를 사용하든 항상 자연스럽게 탐색할 수 있도록 할 수 있습니다.

메뉴 추가하기
메뉴는 방문자가 사이트의 페이지 간에 이동할 수 있도록 도와줍니다. 요소 추가 패널의 메뉴 카테고리에서 가로, 세로, 햄버거 옵션은 모두 사이트 페이지에 연결된 사이트 메뉴를 추가합니다(즉, 새 페이지가 자동으로 이 메뉴에 표시됩니다).
특정 영역에 대한 별도의 사용자 지정 메뉴를 추가하고 가로, 세로, 또는 햄버거 메뉴로 표시할지 여부를 선택할 수도 있습니다. 예를 들어, 사이트의 바닥글 또는 자체 탐색이 필요한 특정 페이지에 대한 사용자 지정 메뉴를 생성할 수 있습니다.
메뉴를 추가하려면:
- 에디터로 이동합니다.
- 에디터 왼쪽 상단에서 + 추가를 클릭합니다.
- 메뉴 카테고리를 선택합니다.
도움말: 카테고리 옆 화살표
아이콘을 클릭해 목록을 탐색하세요. - 추가하고자 하는 메뉴 유형에 따라 아래 단계를 따릅니다.
사이트 메뉴
사용자 지정 메뉴
추가 정보:
머리글에 메뉴 바를 추가하면, 자동으로 모바일에서 햄버거 메뉴가 됩니다. 이를 통해 작은 화면에서 사이트 탐색을 깔끔하고 깔끔하게 유지할 수 있습니다.

메뉴 아이템 추가 및 관리하기
메뉴를 추가한 후에는 표시할 아이템을 선택하세요. 일반 사이트 페이지, 앱 및 CMS 페이지 컬렉션, 컬렉션 내 특정 페이지를 선택합니다. 드롭다운 컨테이너 및 링크를 추가해 클라이언트의 요구 사항에 맞게 경험을 조정할 수도 있습니다.
언제든지 기존 메뉴와 메뉴에 표시되는 아이템을 조정할 수 있습니다. 아이템을 더 추가하거나 관련이 없는 아이템을 제거하고, 콘텐츠를 최신 상태로 유지하기 위해 순서를 변경하세요.
메뉴를 관리하려면:
- 에디터로 이동합니다.
- 메뉴를 클릭합니다.
- 메뉴 관리를 클릭합니다.
- 다음에 수행할 작업을 선택합니다.
메뉴 아이템 추가
메뉴 아이템 링크 변경
메뉴 아이템 이름 변경하기
메뉴에서 아이템 제거
메뉴 아이템 순서 변경

메뉴에 드롭다운 추가하기
드롭다운을 사용해 단일 메뉴 아이템으로 관련 페이지를 그룹화하고 탐색을 쉽게 스캔할 수 있도록 하세요. 페이지 또는 링크와 같은 상위 항목을 선택하고 그 아래에 다른 페이지를 중첩하여 드롭다운 메뉴를 생성하세요.
드롭다운을 추가 및 설정하려면:
- 에디터로 이동합니다.
- 메뉴를 클릭합니다.
- 메뉴 관리를 클릭합니다.
- 드롭다운 제목으로 사용해야 하는 메뉴 아이템을 결정합니다.
- 첫 번째 메뉴 아이템을 드롭다운으로 이동합니다.
- 해당 메뉴 아이템을 드롭다운 제목 아래로 끌어다 놓습니다.
- 끌어다 놓은 아이템에 마우스오버한 후 추가 작업
아이콘을 클릭합니다. - "페이지 이름" 아래로 이동을 선택합니다.
- 드롭다운으로 이동하려는 다른 모든 아이템에 대해 5 단계를 반복합니다.

마우스를 사용해 끌어다 놓으세요.

페이지를 드롭다운 아이템으로 전환하는 더 빠른 방법을 원하시나요? 페이지를 위 또는 아래로 끌어다 놓은 후 다른 페이지 아래에 "안착"할 때까지 오른쪽으로 약간 끌어다 놓으세요. 아래 GIF 이미지에서 어떻게 되는지 확인할 수 있습니다.

메뉴 레이아웃 변경하기
명확한 메뉴 레이아웃은 방문자가 다음으로 이동할 위치를 빠르게 확인할 수 있도록 합니다. 모든 아이템을 한 줄 또는 칼럼에 표시하려면 메뉴 바를 선택하고, 가로 메뉴 공간이 부족한 경우 발생하는 작업을 추가로 제어할 수 있습니다. 탐색 메뉴를 여는 간결한 아이콘을 선호한다면 햄버거 메뉴를 선택하세요. 깔끔하고 미니멀한 레이아웃이나 공간이 제한적일 때 적합합니다.
메뉴 레이아웃을 변경하려면:
- 에디터로 이동합니다.
- 메뉴를 클릭합니다.
- 액션 바에서 형식 변경을 클릭합니다.
- 메뉴 아래에서 해당 옵션을 선택합니다.
- 메뉴 바: 메뉴 아이템은 탐색 바에 표시됩니다. 회전 방향 아래에서 바가 가로인지 세로인지 여부를 선택합니다.
도움말: 가로 메뉴의 경우, 방문자 화면의 아이템을 위한 공간이 충분하지 않을 때 아이템 동작을 선택할 수도 있습니다. 메뉴가 자동으로 확장되도록 하거나(텍스트에 맞춤), 버튼을 추가해 추가 아이템을 스크롤(맞춤)하도록 할 수 있습니다. - 햄버거: 방문자는 메뉴를 열리 위해 클릭하는 아이콘을 보게 됩니다. 이는 깔끔하고 미니멀한 레이아웃에 좋은 옵션입니다.
- 메뉴 바: 메뉴 아이템은 탐색 바에 표시됩니다. 회전 방향 아래에서 바가 가로인지 세로인지 여부를 선택합니다.

세로 및 가로 메뉴 디자인하기
색상, 테두리, 텍스트, 모서리, 레이아웃 등 모든 세부 사항을 사용자 지정해 메뉴를 돋보이게 만드세요 메뉴가 가로 또는 세로인지 여부에 관계없이 메뉴 바 및 아이템이 표시되는 방식을 제어하고 드롭다운을 디자인하고, 간격을 조정해 모든 방문자에게 최적의 느낌을 줄 수 있습니다.
햄버거 메뉴를 디자인 중이라면,
자세한 내용은 햄버거 메뉴에 대한 도움말을 확인하세요. 버튼에서 컨테이너에 이르기까지 모든 부분을 디자인할 수 있습니다.
세로 또는 가로 메뉴를 디자인하려면:
- 에디터로 이동합니다.
- 메뉴를 클릭합니다.
- 액션 바에서 전체 디자인 옵션
아이콘을 클릭합니다. - 메뉴 바 부분 선택 아래에서 메뉴의 해당 부분을 선택합니다.
메뉴 바 및 메뉴 아이템
드롭다운 및 드롭다운 아이템

모바일에서 메뉴 작업하기
모바일 기기에서 사이트에 접속할 경우 머리글은 깔끔하고 보기 좋은 형태로 변환됩니다. 데스크톱 머리글의 요소(예: 탐색 링크, SNS 아이콘)는 간결한 햄버거 메뉴로 이동하고, 필수 사항만 상단에 배치됩니다. 필요에 따라 모바일 메뉴 내에서 요소를 이동하거나 제거할 수 있습니다.
모바일에서 머리글 메뉴를 조정하려면:
- 에디터로 이동합니다.
- 페이지 오른쪽 상단에서 모바일
아이콘을 클릭합니다. - 햄버거 메뉴 아이콘을 클릭합니다.
- 기본 모드 드롭다운을 클릭한 후 햄버거 메뉴를 선택합니다.

- 다음에 수행할 작업을 선택합니다.
- 컨테이너 내에서 요소 위치 변경: 요소를 끌어 햄버거 메뉴의 컨테이너 내에서 이동합니다.
- 컨테이너에 요소 추가: 요소 추가 패널을 사용해 햄버거 메뉴의 컨테이너에 더 많은 요소를 추가합니다. 이러한 요소는 모바일 전용이므로 데스크톱에 표시되지 않습니다.
- 요소를 머리글로 다시 이동: 요소를 마우스 오른쪽 버튼으로 클릭한 후 머리글로 이동을 선택합니다.

자주 묻는 질문
아래 질문을 클릭해 자세한 내용을 확인하세요.
메뉴 바의 크기를 조정할 수 있나요?
머리글에 여러 메뉴를 추가할 수 있나요?
메뉴에서 페이지를 제거하면 사이트에서 삭제되나요?
메뉴에 모든 사이트 페이지를 표시해야 하나요?


아이콘을 클릭해 이름을 변경하거나 제거합니다.




아이콘을 길게 누른채 원하는 위치로 끌어다 놓습니다.
: 브랜드 색상 또는 사용자 지정 색상을 선택해 요소의 색상을 변경합니다.
: 색상, 너비, 스타일을 선택해 요소의 테두리를 정의해 돋보이게 합니다. 개별 테두리 편집
아이콘을 클릭해 테두리의 각 면을 디자인할 수 있습니다.
: 글꼴, 색상, 서식, 정렬, 문자 간격 등을 변경해 메뉴 아이템을 디자인합니다.
: 반경 아래의 슬라이더를 끌어 메뉴 모서리를 더 각지게 또는 둥글게 만듭니다. 개별 모서리 편집
: 내부 및 외부 음영을 적용해 메뉴에 흥미로운 3D 효과를 부여하고 위치, 흐림, 색상 등을 설정합니다.
: 콘텐츠에 여유 공간 추가합니다. 간격을 추가하고 아이템 아이템 사이의 간격을 조정하세요.
: 메뉴에 사이트 방향(왼쪽으로 또는 오른쪽으로)을 적용할지 여부를 결정합니다. 세로 메뉴의 경우, 메뉴 아이템의 너비 및 드롭다운을 공개 또는 비공개로 표시할지 여부를 선택할 수도 있습니다.