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

Wix 에디터: 메가 메뉴 추가 및 설정하기

6 분
페이지 메뉴
  • 1 단계 | 고급 가로 메뉴 추가 및 설정하기
  • 2 단계 | 고급 메뉴에 메가 메뉴 추가하기
  • 3 단계 | 컨테이너에 콘텐츠 추가하기
  • 4 단계 | 메가 메뉴 컨테이너 레이아웃 조정하기
  • 5 단계 | 메가 메뉴 디자인 사용자 지정하기
메가 메뉴는 고급 가로 메뉴에 아이템으로 추가할 수 있는 컨테이너입니다. 방문자가 라이브 사이트에서 메뉴 아이템에 마우스오버하면 컨테이너가 열립니다. 
컨테이너에 요소를 연결해 중요하고 관련성 있는 콘텐츠를 표시하세요. 방문자에게 독특한 탐색 경험을 제공하기 위해 디자인을 사용자 지정할 수도 있습니다. 
Wix 라이브 사이트의 메가 메뉴를 보여주는 GIF

1 단계 | 고급 가로 메뉴 추가 및 설정하기

시작하려면, 페이지에 가로 메뉴를 추가하고 고급 메뉴로 설정하세요. 고급 메뉴를 사용하면 다양한 아이템 및 탐색 옵션을 통해 방문자를 위한 맞춤형 탐색 경험을 조성할 수 있습니다.
다음을 참고하세요.
메가 메뉴 컨테이너는 고급으로 설정한 가로 메뉴에만 추가할 수 있습니다. 메가 메뉴 컨테이너는 일반 사이트 메뉴, 테마 메뉴 또는 세로 메뉴에서는 지원되지 않습니다.

가로 고급 메뉴를 추가 및 설정하려면:

  1. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  2. 메뉴 및 앵커를 선택합니다.
  3. 가로 메뉴를 클릭합니다.
  4. 선택한 메뉴 디자인을 클릭해 페이지의 원하는 위치로 끌어다 놓습니다.
  5. 메뉴를 고급으로 설정합니다.
    1. 에디터에서 새 메뉴를 선택합니다.
    2. 설정 아이콘을 클릭합니다.
    3. 고급 메뉴로 설정을 선택합니다.
    4. 팝업에서 고급 메뉴로 설정을 클릭합니다.
요소 추가 패널의 메뉴 및 앵커 탭. 커서를 가로 메뉴에 마우스오버하고 있습니다.

2 단계 | 고급 메뉴에 메가 메뉴 추가하기

고급 가로 메뉴를 추가한 후에는 메가 메뉴 컨테이너를 아이템으로 추가하고 원하는 이름을 지정하세요. '서비스', '회사 소개'와 같이 콘텐츠의 의도가 반영된 제목을 사용하는 것이 좋습니다.

메가 메뉴를 추가하려면:

  1. 에디터에서 고급 메뉴를 선택합니다.
  2. 메뉴 관리를 클릭합니다.
  3. 패널 하단에서 + 메뉴 아이템 추가를 클릭합니다.
  4. 메가 메뉴를 선택합니다.
  5. 입력란에 컨테이너의 제목을 입력합니다.
  6. 완료를 클릭합니다.
에디터의 고급 메뉴에 대한 메뉴 관리 패널입니다. 메가 메뉴를 추가하는 옵션에 마우스오버하고 있습니다.

3 단계 | 컨테이너에 콘텐츠 추가하기

컨테이너를 추가하고 이름을 지정한 후에는 버튼, 모양 및 텍스트와 같은 요소를 추가해 원하는 콘텐츠를 제작하세요. 

요소를 추가하려면:

  1. 메뉴 관리 패널의 메가 메뉴 컨테이너에 마우스오버합니다.
  2. 편집을 클릭합니다.
  3. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  4. 추가할 요소를 선택합니다.
  5. 요소를 클릭해 컨테이너의 원하는 위치로 드래그합니다.
요소 추가 패널에서 메가 메뉴 컨테이너에 추가되는 텍스트 상자를 보여 주는 GIF

4 단계 | 메가 메뉴 컨테이너 레이아웃 조정하기

원하는 요소를 추가한 후 페이지 구조에 맞게 메가 메뉴 컨테이너의 레이아웃을 변경하세요. 간격을 조정하고 컨테이너가 늘어나는 정도를 선택할 수 있습니다. 

레이아웃을 변경하려면:

  1. 메가 메뉴 컨테이너를 클릭합니다.
  2. 레이아웃 변경을 클릭합니다.
  3. 옵션을 사용해 컨테이너를 조정합니다.
    • 레이아웃 선택: 컨테이너를 전체 화면으로 확장할지 또는 사이트 페이지 폭(그리드라인 내)까지 확장할지 선택합니다.
    • 메뉴 및 하위 메뉴 간격: 슬라이더를 드래그해 메뉴와 메가 메뉴 컨테이너 사이의 간격을 조정합니다.
Wix 에디터의 메가 메뉴에 대한 컨테이너 레이아웃 패널입니다. 커서를 간격 슬라이더에 마우스오버하고 있습니다.

5 단계 | 메가 메뉴 디자인 사용자 지정하기

컨테이너의 레이아웃을 조정한 후에는 테두리, 배경 등을 디자인하세요. 일관된 디자인을 유지할 수 있도록 메가 메뉴에 적용한 변경 사항은 추가한 모든 하위 메뉴에도 적용됩니다.

컨테이너의 디자인을 사용자 지정하려면:

  1. 메가 메뉴 모드 바에서 모드 종료를 클릭합니다.
2. 고급 메뉴를 클릭합니다.
3. 디자인 아이콘을 클릭합니다.
4. 디자인 사용자 지정을 클릭합니다.
5. 요소 선택 드롭다운 메뉴에서 하위 메뉴 컨테이너를 선택합니다.
6. 옵션을 사용해 컨테이너를 디자인합니다.
Wix 에디터에서 메가 메뉴 컨테이너의 디자인 옵션에 액세스하는 중인 GIF
참고:
하위 메뉴 컨테이너에 적용된 디자인 옵션만 메가 메뉴에 적용됩니다. 하위 메뉴 항목에 적용한 변경 사항은 메가 메뉴 컨테이너에 추가한 요소에는 적용되지 않습니다.
다음 단계:
고급 가로 메뉴에는 다음과 같은 다양한 옵션이 있습니다.
Wix 라이브 사이트의 메가 메뉴를 보여주는 GIF
요소 추가 패널의 메뉴 및 앵커 탭. 커서를 가로 메뉴에 마우스오버하고 있습니다.
에디터의 고급 메뉴에 대한 메뉴 관리 패널입니다. 메가 메뉴를 추가하는 옵션에 마우스오버하고 있습니다.
요소 추가 패널에서 메가 메뉴 컨테이너에 추가되는 텍스트 상자를 보여 주는 GIF
Wix 에디터의 메가 메뉴에 대한 컨테이너 레이아웃 패널입니다. 커서를 간격 슬라이더에 마우스오버하고 있습니다.
Wix 에디터에서 메가 메뉴 컨테이너의 디자인 옵션에 액세스하는 중인 GIF