Alex Ruben
Wix에서 여러 메뉴를 만드는 방법: 단계별 튜토리얼
여러 메뉴가 있는 웹사이트를 만들면 방문자가 더 쉽게 탐색하고 사이트가 더 체계적으로 보이도록 하는 데 큰 도움이 됩니다.하지만 솔직히 Wix 인터페이스는 여러 메뉴를 추가하는 데 있어 직관적이지 않습니다.마치 여러 가지 방법을 시도해야 하는 것처럼 느껴집니다.때로는 메뉴가 원하는 위치에 표시되지 않거나 예상대로 작동하지 않을 수도 있습니다.이러한 문제를 겪거나 더 복잡한 내비게이션을 구현하려는 경우, 이 가이드에서 몇 가지 실용적인 단계를 안내합니다.시행착오가 있을 수 있지만, 이러한 수정 사항은 다른 개발자들이 실제로 성공했던 방법을 기반으로 합니다.
Wix에 여러 메뉴 추가 문제를 해결하는 방법
방법 1: 사용자 정의 메뉴 폴더 시스템 사용
이는 일종의 임시방편이지만, 특히 다양한 스타일이나 섹션을 원할 때 유용합니다.기본적으로 여러 메뉴를 별도의 개체로 추가하는 대신(Wix에서는 기본적으로 잘 처리하지 못함), 여러 메뉴를 시뮬레이션하는 폴더나 페이지 구조를 만들 수 있습니다.즉, 다양한 메뉴 요소를 직접 설정하고 필요한 위치에 배치할 수 있습니다.기본 메뉴가 이상하게 작동하거나 헤더에 하나의 메뉴만 허용하는 경우에 적용됩니다.
- Wix 편집기 editor.wix.com 으로 이동합니다.
- 섹션 대신 Button 요소나 Rich Menu 를 추가하여 사용자 정의 사이드바나 푸터 메뉴를 만드는 것을 고려해보세요.
- 메뉴 관리 옵션을 사용하여 사용자 정의 메뉴에 페이지를 할당합니다.
수동으로 위치를 조정해야 하므로 레이아웃을 미세하게 조정해야 할 수 있습니다.특정 설정에서는 메뉴가 겹치거나 정렬되지 않는 경우가 있으므로 약간의 조정이 필요할 수 있습니다.하지만 여러 개의 개별 탐색 영역이 필요한 경우에는 이 방법이 효과적입니다.
방법 2: 사용자 정의 코드를 통해 ‘보조’ 메뉴 추가
좀 더 기술적이지만, 일종의 비법 같은 거죠. Wix는 공식적으로 여러 메뉴를 기본적으로 지원하지 않기 때문에, 코드 스니펫을 사용하여 사용자 지정 메뉴를 삽입하거나 타사 앱을 사용할 수 있습니다.한 가지 일반적인 방법은 Bootstrap이나 다른 프레임워크로 만든 사용자 지정 메뉴처럼 다른 곳에서 두 번째 메뉴를 로드하는 HTML 코드를 삽입하는 것입니다.
- Wix 앱 마켓의 Embed & Code 위젯이나 HTML iframe 요소를 사용하세요.
- 이 위젯 내부에 사용자 정의 메뉴 코드(예: Bootstrap 탐색 모음이나 다른 플랫폼에서 만든 메뉴)를 붙여넣습니다.
- 두 번째 탐색 표시줄을 원하는 페이지에 배치하세요.
이 방법은 꽤 잘 작동하지만, Wix가 업데이트되거나 코딩에 익숙하지 않은 경우 특히 취약할 수 있으니 주의하세요.또한 모바일에서는 까다로울 수 있으므로 엄격하게 테스트하는 것이 좋습니다.
방법 3: Wix Corvid(Velo)를 사용하여 동적 메뉴 만들기
이 기능은 더 발전되었지만 매우 유연합니다. Wix Corvid(현재 Velo)에 익숙하다면 여러 메뉴를 동적으로 생성하는 스크립트를 작성할 수 있습니다.기본적으로 백엔드에서 메뉴 데이터를 빌드한 다음, 작은 코드 조각을 사용하여 로직이나 레이아웃에 따라 다양한 메뉴를 표시합니다.
- Wix 편집기에서 개발자 모드를 엽니다 ( 방법은 다음과 같습니다 ).
- 메뉴 항목에 대한 데이터 컬렉션을 만듭니다.
- 사용자 정의 코드를 사용하여 메뉴 요소를 생성하고 이를 다양한 페이지 섹션에 삽입합니다.
아주 빠르지는 않지만, 메뉴 요구 사항이 복잡하다면 이 방법이 가장 효율적으로 제어할 수 있습니다.이 방법은 간단한 토글 방식이라기보다는 영구적인 수정에 가깝다는 점을 명심하세요.특정 설정에서는 스크립트가 제대로 로드되지 않으면 메뉴가 이상하게 작동할 수 있으므로 철저히 테스트하는 것이 좋습니다.
마지막 팁: 모바일 및 데스크톱에서 사이트를 확인하세요
어떤 방법을 선택하든 항상 여러 기기에서 사이트를 살펴보세요. Wix는 까다로울 수 있습니다.데스크톱에서는 멋지게 보여도 모바일에서는 크기를 조정하거나 레이아웃을 수정하지 않으면 완전히 망가질 수 있습니다.추가 메뉴가 표시되지 않거나 깨져 보이는 것은 아마도 이 때문일 것입니다.
믿어주세요.때로는 섹션 크기를 조정하거나, 여백을 조정하거나, 특정 모바일 숨기기 설정을 해제하는 것만으로도 많은 문제를 해결할 수 있습니다.물론 Wix에서는 이 문제를 필요 이상으로 어렵게 만들어야 하니까요.
요약
- Wix가 메뉴를 제한하는 경우 사용자 정의 섹션을 사용하고 요소를 삽입하세요.
- 더 많은 제어를 위해 코드 임베드를 시도하지만 엄격하게 테스트하세요.
- 동적이고 확장 가능한 메뉴의 경우 Velo를 사용하세요(코딩에 익숙한 경우)
- 레이아웃 오류를 포착하려면 항상 모바일에서 미리 보세요.
마무리
Wix에 여러 메뉴를 추가하는 것은 간단하지 않습니다.좀 이상하게 느껴지기도 하지만, 여러 가지 해결 방법과 맞춤 코드를 활용하면 대개 해결됩니다.번거롭긴 하지만, 조금만 손보고 계속 테스트해 보면 사이트 탐색 기능이 더 좋아질 것입니다.때로는 간단한 메뉴 재배치나 CSS만으로도 문제를 해결할 수 있습니다. Wix 인터페이스는 이러한 문제를 염두에 두고 설계되지 않았다는 점을 명심하세요.따라서 인내심과 약간의 창의적인 사고가 중요합니다.이 기능이 누군가 머리를 쥐어뜯는 일을 예방하는 데 도움이 되기를 바랍니다.