에디터 X: 메뉴 디자인하기

4 분 분량
에디터 X는 에이전시 및 프리랜서를 위한 새로운 플랫폼인 Wix Studio로 전환됩니다.Wix Studio에 대해 자세히 알아보세요.
에디터 X에서는 메뉴의 디자인과 분위기를 가장 작은 부분까지 사용자 지정할 수 있습니다. 속성 패널에 액세스해 각 개별 상태(예: 마우스오버, 선택)별로 메뉴를 디자인하고, 채우기 색상, 텍스트 스타일, 음영 등의 설정을 조정하세요.
이 도움말에서 각 메뉴 유형을 디자인하는 방법을 확인하세요.

가로 메뉴 디자인하기

속성 패널에서 세 가지 상태(기본, 마우스오버, 클릭)별로 가로 메뉴를 디자인할 수 있어 방문자가 보다 상호 작용이 가능한 탐색 경험을 할 수 있습니다. 
선택한 프리셋에 따라 사용 가능한 옵션을 사용해 메뉴를 사이트의 디자인과 분위기와 어울리게 만들어 보세요. 예를 들어, 일부 가로 메뉴에는 사용자 지정할 수 있는 버튼 또는 구분선이 포함됩니다.

가로 메뉴를 디자인하려면:

  1. 에디터 X에서 메뉴를 클릭합니다.
  2. 속성 아이콘을 클릭해 패널을 엽니다.
  3. 디자인 아이콘을 클릭합니다. 
  4. 관련 상태(기본, 마우스오버, 클릭)를 선택합니다. 
  5. 사용 가능한 옵션을 사용해 메뉴를 디자인합니다.
가로 메뉴를 디자인하는 중인 에디터 X의 속성 패널 스크린샷

세로 메뉴 디자인하기

방문자가 자신이 어떤 페이지에 있는지 항상 알 수 있도록 두 가지 상태(기본선택)별로 세로 메뉴를 디자인할 수 있습니다. 메뉴, 하위 메뉴 및 화살표(해당되는 경우)의 채우기 색상을 변경하고 텍스트, 테두리, 음영 등과 같은 기타 영역을 사용자 지정하세요.
참고:
사용 가능한 설정은 추가 패널에서 선택한 메뉴에 따라 다릅니다.

세로 메뉴를 디자인하려면:

  1. 에디터 X에서 메뉴를 클릭합니다.
  2. 속성 아이콘을 클릭해 패널을 엽니다.
  3. 디자인 아이콘을 클릭합니다. 
  4. 사용 가능한 옵션을 사용해 메뉴를 디자인합니다.
세로 메뉴를 디자인하는 중인 에디터 X의 속성 패널 스크린샷
도움말:
방문자가 위아래로 스크롤 시 세로 메뉴가 함께 움직이도록 페이지에 세로 메뉴를 고정할 수 있습니다.

앵커 메뉴 디자인하기

속성 패널에서 프리셋을 선택해 앵커 메뉴에 표시할 내용을 선택하세요. 텍스트, 버튼 또는 이 둘을 결합한 프리셋을 표시할 수 있습니다. 하나의 프리셋으로 방문자가 특정 영역으로 스크롤할 때 앵커 이름을 표시할 수도 있습니다. 
방문자가 현재 보고 있는 앵커를 명확하게 표시할 수 있도록 기본클릭 상태의 디자인을 사용자 지정할 수 있습니다.

앵커 메뉴를 디자인하려면:

  1. 에디터 X에서 메뉴를 클릭합니다.
  2. 속성 아이콘을 클릭해 패널을 엽니다.
  3. 디자인 아이콘을 클릭합니다. 
  4. 상단에서 프리셋을 선택합니다.
  5. 사용 가능한 옵션을 사용해 메뉴를 디자인합니다.
앵커 메뉴를 디자인하는 중인 에디터 X의 속성 패널 스크린샷

햄버거 메뉴 디자인하기

햄버거 메뉴에는 메뉴, 컨테이너, 메뉴를 열고 닫는 아이콘 등 필요에 따라 디자인할 수 있는 여러 요소가 포함되어 있습니다.
아래를 클릭해 햄버거 메뉴의 각 부분을 사용자 지정하는 방법을 확인하세요.
햄버거 메뉴를 디자인하는 중인 에디터 X의 속성 패널 스크린샷
도움말:
실제 메뉴 요소는 세로 메뉴이므로 기본선택의 두 가지 상태별로 아이템을 디자인할 수 있습니다.

도움이 되었나요?