header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image
페이지 메뉴
  • 여러 페이지에 다양한 아이템을 보여주는 메뉴
  • 더 작은 화면 중단점에 메뉴가 올바르게 표시되지 않는 문제
  • 화면 중단점별로 다른 메뉴 레이아웃 표시하기
  • 화면 중단점별로 다른 메뉴 아이템 표시하기
  • 마우스오버 또는 클릭 시 메뉴 디자인 변경
  • 사이트 메뉴에서 앵커 아이템이 작동하지 않는 경우
  1. 홈
  2. Studio 및 파트너
  3. Wix Studio
  4. Wix Studio 에디터 사용하기
  5. Studio 에디터 문제 해결하기
  6. Studio 에디터: 메뉴 문제 해결하기

Studio 에디터: 메뉴 문제 해결하기

6 분
페이지 메뉴
  • 여러 페이지에 다양한 아이템을 보여주는 메뉴
  • 더 작은 화면 중단점에 메뉴가 올바르게 표시되지 않는 문제
  • 화면 중단점별로 다른 메뉴 레이아웃 표시하기
  • 화면 중단점별로 다른 메뉴 아이템 표시하기
  • 마우스오버 또는 클릭 시 메뉴 디자인 변경
  • 사이트 메뉴에서 앵커 아이템이 작동하지 않는 경우
에디터의 메뉴 요소에 문제가 발생할 수 있습니다. 이는 일반적으로 메뉴의 디자인 및 크기 조정, 페이지의 요소 배열과 관련이 있습니다. 
이 도움말에서는 메뉴의 가장 일반적인 문제를 정리했습니다. 메뉴가 예상대로 작동하고 클라이언트를 위한 최고의 사이트를 계속 구축할 수 있도록 옵션을 사용하세요.

여러 페이지에 다양한 아이템을 보여주는 메뉴

사이트 메뉴가 다양한 페이지에 다양한 아이템을 표시하는 것을 확인할 수 있습니다. 이는 일반적으로 사이트 전체에서 여러 머리글을 사용 중이기 때문입니다. 따라서, 연결된 메뉴에 대한 모든 변경사항은 해당 특정 머리글을 사용하는 페이지에만 적용됩니다. 
이 문제는 글로벌 섹션이 아닌 섹션을 페이지 머리글로 사용한 경우에도 발생할 수 있습니다. 글로벌이 아닌 섹션 및 해당 요소에 대한 변경사항은 작업 중인 페이지에만 적용되므로 사이트 전체에 차이가 발생할 수 있습니다.
모든 사이트 페이지에서 동일한 머리글을 사용하는 것이 좋습니다. 섹션을 글로벌로 설정하고 사이트의 모든 페이지에 표시할 수 있습니다.

글로벌 섹션을 생성해 사용하려면:

  1. 에디터로 이동합니다.
  2. 모든 페이지에 사용할 머리글을 선택합니다.
  3. 추가 작업 아이콘을 클릭합니다.
  4. 글로벌로 설정에 마우스오버합니다.
  5. 옵션에서 머리글을 선택합니다.
  6. 모든 페이지에 머리글을 적용합니다.
    1. 에디터 왼쪽에서 글로벌 섹션을 클릭합니다.
    2. 새로운 글로벌 섹션에 마우스오버한 후 추가 작업 아이콘을 클릭합니다.
    3. 추가 대상을 클릭합니다.
    4. 전체 페이지 옆 체크상자를 선택합니다.
    5. 적용을 클릭합니다.
추가 대상 패널을 보여주는 잘린 스크린샷. 모든 페이지가 선택되었으며, 커서가 적용을 클릭하고 있습니다.

더 작은 화면 중단점에 메뉴가 올바르게 표시되지 않는 문제

화면 중단점에 다양한 메뉴를 추가하는 경우(예: 데스크톱의 가로 메뉴와 태블릿 및 모바일의 햄버거 메뉴), 문제가 발생할 수 있습니다. 여기에는 모든 화면 중단점에서 메뉴 표시 여부, 다른 요소와 겹치는 등이 포함될 수 있습니다. 
이 문제는 일반적으로 이전 메뉴와 약간 다르게 작동하는 최신 메뉴 구성 요소를 추가하기 때문에 발생합니다. 수행하려는 작업에 따라 아래 옵션을 사용해 문제 해결에 대한 자세한 내용을 확인하세요.

화면 중단점별로 다른 메뉴 레이아웃 표시하기

이전에는 화면 중단점에 다른 메뉴 레이아웃을 표시하려면, 두 유형의 메뉴를 추가하고 그에 따라 비공개 또는 표시해야 했습니다. 최신 메뉴 구성 요소를 사용하면 화면 중단점별로 레이아웃을 변경할 수 있어 여러 메뉴를 추가할 필요가 없습니다. 

화면 중단점별로 다른 메뉴 아이템 표시하기

화면 중단점별로 다른 메뉴 아이템을 표시하려면, 여러 메뉴를 추가해야 합니다. 그런 다음 각 화면 중단점에 대한 레이어 패널을 사용해 표시할 메뉴를 결정할 수 있습니다.

마우스오버 또는 클릭 시 메뉴 디자인 변경

각 상태(기본, 마우스오버, 선택)에 대한 메뉴 아이템 디자인을 변경할 수 있습니다. 라이브 사이트에서 메뉴를 사용할 때 예기치 않은 디자인 변경이 발생하는 경우(예: 텍스트 사라지기, 배경 색상 변경), 디자인 특정 상태를 확인하고 필요에 따라 조정하는 것이 좋습니다.

메뉴 디자인을 확인하려면:

  1. 에디터로 이동합니다.
  2. 메뉴를 선택합니다.
  3. 에디터 오른쪽 상단에서 속성 열기 아이콘을 클릭합니다.
Studio 에디터에서 속성 패널을 여는 스크린샷
  1. 디자인 섹션으로 스크롤합니다.
  2. 요소 선택 드롭다운 메뉴에서 메뉴 아이템을 선택합니다.
  3. 문제가 표시되는 상태(마우스오버 또는 선택)를 선택합니다.
  4. 디자인 설정을 확인하고 필요에 따라 조정합니다.
메뉴에 대한 속성이 열려 있으며 디자인 옵션을 표시하고 있습니다. 커서가 마우스오버 상태를 선택했습니다.
메뉴 드롭다운에 문제가 있나요?

사이트 메뉴에서 앵커 아이템이 작동하지 않는 경우

앵커를 사용하면 요소에 직접 링크할 수 있습니다. 일반 사이트 메뉴 및 전용 앵커 메뉴에 모두 표시할 수 있습니다.
사이트 메뉴에서 앵커 아이템을 클릭해도 아무 일이 일어나지 않는다면, 앵커 자체가 요소에서 여전히 활성화되어 있는지 확인하는 것이 좋습니다. 메뉴에서 앵커 아이템을 확인해 원하는 방식으로 설정되어 있는지 확인할 수도 있습니다.

도움이 되었나요?

|

Helpmate

안녕하세요 님,

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