Studio 에디터: 새 메뉴 추가 및 관리하기
6 분 분량
페이지 메뉴
- 메뉴 추가하기
- 메뉴 아이템 관리하기
- 드롭다운 생성하기
- 메뉴를 다른 레이아웃으로 전환하기
- 동일한 사이트에 여러 메뉴 표시하기
새 메뉴 요소를 추가해 사이트 구축 과정을 간소화하는 동시에 클라이언트의 방문자의 탐색을 향상시키세요. 가로, 세로 또는 햄버거 메뉴 중 각 중단점에 가장 적합한 레이아웃을 선택하세요. 레이아웃을 전환하는 것은 간단하므로 디자인이 발전함에 따라 즉시 조정할 수 있습니다.
아이템을 추가, 제거, 재정렬해 필요에 따라 메뉴 아이템을 관리하세요. 드롭다운 컨테이너를 사용해 나만의 콘텐츠가 포함된 하위 메뉴를 표시해 클라이언트의 요구에 맞는 맞춤형 경험을 생성할 수 있습니다.
중요!
이 도움말은 아직 모든 사용자에게 공개되지 않은 Studio 에디터의 새 메뉴 요소에 대한 도움말을 제공합니다. 이전 메뉴 추가 및 관리에 대한 단계를 확인하려면, 여기를 클릭하세요.
메뉴 추가하기
시작하려면 사이트에 메뉴를 추가하세요. 사이트 머리글에 메뉴를 추가하는 것이 좋지만, 다양한 페이지와 섹션의 경험을 맞춤화하기 위해 필요한 만큼 메뉴를 추가하고 설정할 수 있습니다.
메뉴를 추가한 후에는 표시할 아이템(예: 사이트 페이지, 링크 등)을 선택하세요.
메뉴를 추가하려면:
- 에디터 왼쪽에서 요소 추가
를 클릭합니다.
- 메뉴 및 검색을 선택합니다.
- 원하는 메뉴 유형(가로, 세로, 또는 햄버거)을 선택합니다.
- 메뉴를 클릭해 페이지의 원하는 위치로 끌어다 놓습니다.
- 새 메뉴에 아이템을 추가합니다.
- 추가한 메뉴를 선택합니다.
- 메뉴 관리를 클릭합니다.
- 하단에서 + 아이템 추가를 클릭합니다.
- 추가할 아이템을 선택합니다.
- 메인 페이지: 메뉴에 일반 사이트 페이지를 추가합니다.
- 동적 및 앱 페이지: 앱의 페이지(예: Wix 쇼핑몰 제품 페이지) 또는 CMS의 컬렉션에 연결된 페이지를 추가합니다.
- 링크: 다른 웹사이트 링크, 사이트 페이지의 앵커, 고객의 연락처 정보 등 메뉴에 다양한 종류의 링크를 추가할 수 있습니다.
- 드롭다운: 방문자가 아이템에 마우스오버 시 메뉴 아래에 표시되는 컨테이너를 추가합니다. 필요에 따라 디자인하고 메뉴 아이템 및 추가 콘텐츠를 표시하는 데 사용할 수 있습니다.
메뉴 레이아웃(유형)에 대한 마음이 변경되었다면:
레이아웃은 추후 언제든지 변경할 수 있으므로 걱정하지 마세요.
![요소 추가 패널이 열려 있습니다. 커서가 사이트에 가로 메뉴를 추가하고 있습니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/19/df6ed6ba-37e3-437f-bb1f-3338f8a87fb1/59a9c10a-dcef-478f-b7cf-5aacefa09f93.jpg)
메뉴 아이템 관리하기
언제든지 기존 메뉴와 메뉴에 표시되는 아이템을 조정할 수 있습니다. 아이템을 더 추가하거나 관련이 없는 아이템을 제거하고, 콘텐츠를 최신 상태로 유지하기 위해 순서를 변경하세요.
메뉴를 관리하려면:
- 에디터에서 해당 메뉴를 선택합니다.
- 메뉴 관리를 클릭합니다.
- 다음에 수행할 작업을 선택합니다.
메뉴 아이템 추가하기
메뉴 아이템 링크 변경하기
메뉴 아이템 이름 변경하기
아이템 제거 또는 삭제하기
메뉴 아이템 순서 변경하기
![메뉴 관리 패널이 열려 있습니다. 커서가 아이템 이름을 변경하기 위해 클릭하고 있습니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/20/4bb2420c-5efb-45ab-8ac8-7f1e487f65a7/24d1a8dc-5576-4622-b6f5-4e2590e5f898.jpg)
드롭다운 생성하기
원하는 제목에 따라 메뉴에 드롭다운을 생성하는 방법에는 두 가지가 있습니다.
- 기존 메뉴 아이템: 메뉴에서 기존 아이템(페이지 또는 링크)을 결정해 방문자가 마우스오버 시 드롭다운을 표시하도록 합니다.
- 클릭할 수 없는 제목: 어떤 페이지로도 연결되지 않는 드롭다운 제목을 추가합니다. 방문자가 마우스오버 시 드롭다운 컨테이너가 열립니다.
드롭다운을 추가 및 설정하려면:
- 에디터에서 해당 메뉴를 선택합니다.
- 메뉴 관리를 클릭합니다.
- 원하는 작업을 선택합니다.
- 기존 메뉴 아이템 사용하기:
- 드롭다운 제목으로 사용할 아이템 아래로 메뉴 아이템을 끌어다 놓습니다.
- 동일한 아이템에 마우스오버한 후 추가 작업
아이콘을 클릭합니다.
- "페이지 이름" 아래로 이동을 선택합니다.
- 다른 모든 아이템에 대해 a -c 단계를 반복합니다.
- 새 드롭다운 생성하기:
- + 아이템 추가를 클릭합니다.
- 드롭다운을 선택합니다.
- 드롭다운 제목을 입력합니다.
- 키보드에서 Enter 키를 눌러 변경 사항을 저장합니다.
- 메뉴 아이템을 드롭다운 아래로 끌어다 놓아 추가합니다.
- 추가하려는 다른 모든 아이템에 대해 e 단계를 반복합니다.
- 기존 메뉴 아이템 사용하기:
![메뉴 관리 패널에 드롭다운이 생성되었습니다. 현재 메뉴 아이템을 끌어다 놓고 있습니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/20/b5dffea9-d656-4a97-a953-7b08c1bdca4a/f4b593dd-0a05-4149-b586-01703aff2f3e.jpg)
메뉴를 다른 레이아웃으로 전환하기
레이아웃 설정을 사용해 가로 또는 세로 탐색 바, 햄버거 메뉴 중 원하는 메뉴 유형을 선택하세요.
레이아웃을 설정하려면:
- 에디터에서 메뉴를 클릭합니다.
- 레이아웃
아이콘을 클릭합니다.
- 메뉴 유형을 선택합니다.
- 탐색 바: 메뉴 아이템이 바에 표시됩니다. 회전 방향 아래에서 바가 가로인지 세로인지 여부를 선택합니다.
- 햄버거: 아이콘이 표시됩니다. 사이트 방문자가 아이콘 클릭 시 메뉴가 열립니다.
![메뉴 레이아웃 패널입니다. 커서가 탐색 바를 선택하고 있습니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/20/34b64baf-95c5-48a8-b678-8addd02eb8a5/64466914-4720-4dae-837b-763bd9c37132.jpg)
동일한 사이트에 여러 메뉴 표시하기
필요한 만큼 메뉴를 추가하고 각각 완전히 다른 아이템을 표시할 수 있습니다.
새 메뉴 요소를 추가한 후에는 저장한 기존 메뉴 또는 그 자리에서 만든 새 메뉴 중, 표시할 메뉴를 선택할 수 있습니다. 즉, 메뉴를 저장해 사이트 전체의 다양한 메뉴 요소에 재사용할 수 있습니다.
동일한 아이템을 여러 메뉴에 표시한다면:
각 메뉴에서 아이템에 고유한 이름을 지정해 특정 의도와 항상 일치하도록 할 수 있습니다. 생성하는 모든 메뉴는 서로 완전히 독립적입니다.
아래를 클릭해 지침을 확인하세요.
페이지에 표시할 메뉴 선택하기
새 메뉴 저장하기