header-logo
시작하기Wix를 사용해 사이트 및 비즈니스를 구축하는 방법을 알아보세요. 템플릿을 사용해 사이트를 맞춤화하거나, 전문가를 고용해 웹 존재감을 강화할 수 있습니다.
사이트 제작Wix 에디터를 사용하고 사이트 콘텐츠를 관리하는 방법을 알아보세요. 방문자의 개인정보를 보호하고 사이트에 대한 접근성을 높이는 방법 또한 확인할 수 있습니다.
계정 및 결제계정 설정을 검토하고, 구독 및 프리미엄 플랜을 관리하고, 인보이스를 이해하세요.
Wix 모바일 앱Wix Owner 앱을 사용해 비즈니스를 효율적으로 운영하고 방문자와 소통하며 커뮤니티를 구축하세요.
도메인 연결도메인 구매, 연결, 이전 방법 및 사이트 데이터를 안전하게 유지하는 방법을 알아보세요.
비즈니스 관리비즈니스를 구축하고 성장시키는 데 적합한 도구를 찾으세요. 결제 승인, 애널리틱스 분석 검토, 방문자와 교류 등의 작업을 할 수 있습니다.
사이트 홍보검색 엔진에서 사이트를 홍보하고, 이메일 캠페인을 발송, 유료 광고를 게재하는 방법 등을 알아보세요.
Studio 및 파트너Studio 및 파트너 계정을 최대한 활용해 비즈니스를 확장하세요.
고객센터사이트 성능 및 기술 문제 해결에 대한 정보를 얻으세요. 제품 로드맵에서 향후 기능을 추적할 수도 있습니다.
placeholder-preview-image
Wix Learn강좌 및 튜토리얼을 통해 실력을 향상시키세요.
Wix 블로그웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
SEO 러닝 허브검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
Website development풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
전문가 고용하기목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image
페이지 메뉴
  • 햄버거 메뉴 추가하기
  • 메뉴를 여는 버튼 사용자 지정하기
  • 햄버거 메뉴 컨테이너 사용자 지정하기
  • 메뉴를 닫는 버튼 사용자 지정하기
  1. 홈
  2. 사이트 제작
  3. Wix 하모니 에디터
  4. 사이트 구조화
  5. Wix 하모니 에디터: 햄버거 메뉴 사용하기

Wix 하모니 에디터: 햄버거 메뉴 사용하기

페이지 메뉴
  • 햄버거 메뉴 추가하기
  • 메뉴를 여는 버튼 사용자 지정하기
  • 햄버거 메뉴 컨테이너 사용자 지정하기
  • 메뉴를 닫는 버튼 사용자 지정하기
이 도움말은 2025년 12월에 출시된 새로운 Wix 하모니 에디터를 참조합니다. Wix 하모니는 아직 모든 사용자에게 공개되지 않았습니다. Wix 하모니를 사용하고 있는지 Wix 에디터를 사용하고 있는지 확실하지 않다면, 여기에서 자세한 정보를 확인하세요.
햄버거 메뉴는 방문자가 메뉴 아이콘 클릭 시에만 표시되는 깔끔하고 공간 효율적인 솔루션을 제공합니다. 

햄버거 메뉴의 디자인 요소를 완전히 제어할 수 있어 특정 브랜딩 및 스타일에 맞게 조정할 수 있습니다. 

햄버거 메뉴 추가하기

사이트에 햄버거 메뉴를 추가하는 방법에는 2가지가 있습니다. 요소 추가 패널에서 새로운 햄버거 메뉴를 추가하거나, 액션 바에서 기존 메뉴를 햄버거 스타일로 빠르게 전환할 수 있습니다. 

햄버거 메뉴를 추가하려면:

  1. 에디터로 이동합니다.
  2. 다음에 수행할 작업을 선택합니다.
추가 정보:
데스크톱에서 머리글에 가로 또는 세로 메뉴를 추가하면, 모바일에서 자동으로 햄버거 메뉴로 변경됩니다. 이렇게 하면 방문자가 모든 기기에서 메뉴에 액세스할 수 있습니다. 

메뉴를 여는 버튼 사용자 지정하기

햄버거 메뉴 버튼은 사이트 탐색의 중요한 부분이며, 원하는 스타일로 쉽게 변경할 수 있습니다. 아이콘과 텍스트를 조정해 원하는 것을 정확하게 설명한 후 색상, 간격, 애니메이션까지 디자인의 세부 사항을 세밀하게 조정하세요.

'열기' 버튼을 사용자 지정하려면:

  1. 에디터로 이동합니다.
  2. 햄버거 메뉴 아이콘을 클릭합니다. 
  3. 버튼 사용자 지정 방법을 선택합니다.

햄버거 메뉴 컨테이너 사용자 지정하기

방문자가 햄버거 메뉴 아이콘을 클릭하면, 사이트 메뉴가 오버레이가 적용된 넓은 컨테이너에 펼쳐져 메뉴를 쉽게 읽을 수 있습니다. 컨테이너, 메뉴 및 오버레이 색상을 조정하고 로고 또는 SNS 모음과 같은 요소를 추가하는 등 많은 부분을 개인화할 수 있습니다.

햄버거 메뉴 컨테이너를 사용자 지정하려면:

  1. 에디터로 이동합니다.
  2. 컨테이너에 액세스합니다.
    1. 햄버거 메뉴 아이콘을 클릭합니다.
    2. 기본 모드 드롭다운을 클릭한 후 햄버거 메뉴를 선택합니다.
  3. 다음에 수행할 작업을 선택합니다.
편집이 완료되었나요?
플로팅 바의 편집: 햄버거 메뉴 옆 완료를 클릭해 페이지로 돌아가세요.

메뉴를 닫는 버튼 사용자 지정하기

방문자가 햄버거 메뉴를 닫기 위해 클릭하는 버튼을 사용자 지정하세요. 아이콘을 변경하고 유용한 텍스트(예: '종료')를 추가하거나, 원하는 대로 디자인할 수 있습니다. 

'닫기' 버튼을 사용자 지정하려면:

  1. 에디터로 이동합니다.
  2. '닫기' 버튼에 액세스합니다.
    1. 햄버거 메뉴 아이콘을 선택합니다.
    2. 기본 모드 드롭다운을 클릭한 후 햄버거 메뉴를 선택합니다.
    3. '닫기' 버튼을 클릭합니다.
  3. 액션 바에서 다음에 수행할 작업을 선택합니다.
편집이 완료되었나요?
플로팅 바의 편집: 햄버거 메뉴 옆 완료를 클릭해 페이지로 돌아가세요.

도움이 되었나요?

|

Helpmate

안녕하세요 님,

추가 도움이 필요하신가요?
Unlock personalized helpLog in to get the most out of Helpmate.