header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image
페이지 메뉴
  • 햄버거 메뉴 추가하기
  • 메뉴를 여는 버튼 사용자 지정하기
  • 햄버거 메뉴 컨테이너 사용자 지정하기
  • 메뉴를 닫는 버튼 사용자 지정하기
  1. 홈
  2. 사이트 제작
  3. Wix Editor (New) Category
  4. Structuring your site
  5. Wix 하모니 에디터: 햄버거 메뉴 사용하기

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

7 분
페이지 메뉴
  • 햄버거 메뉴 추가하기
  • 메뉴를 여는 버튼 사용자 지정하기
  • 햄버거 메뉴 컨테이너 사용자 지정하기
  • 메뉴를 닫는 버튼 사용자 지정하기
이 도움말은 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.