Wix 하모니 에디터: 메뉴 추가 및 관리하기

사이트 메뉴는 사이트 페이지에 연결되며, 새 페이지를 추가하면 자동으로 업데이트됩니다. 사이트 메뉴에 표시하지 않을 페이지를 숨기거나 원하는 링크를 추가할 수도 있습니다.

1. 원하는 메뉴 유형을 선택해 페이지로 드래그합니다. 가로형 메뉴, 세로형 메뉴 또는 햄버거 메뉴 중에서 선택할 수 있습니다.

2. 새 사이트 메뉴를 클릭합니다.

3. 액션바에서 메뉴 관리를 클릭합니다.

4. 메뉴를 설정합니다.

   • 사이트 페이지나 링크를 더 추가하려면 + 아이템 추가를 클릭합니다.

   • 메뉴 아이템의 이름을 변경하거나 삭제하려면 아이템 옆의 추가 작업 아이콘을 클릭합니다.

   • 메뉴 아이템을 클릭한 채 드래그해 목록 순서를 변경합니다.

도움말: 메뉴 아이템 추가 및 관리에 대해 자세히 알아보세요.

1. 사용자 지정 메뉴 추가를 클릭해 페이지에 추가합니다.
2. (선택사항) 메뉴 레이아웃을 변경합니다.
   1. 새 사용자 지정 메뉴를 클릭합니다.
   2. 액션바에서 형식 변경을 클릭해 메뉴 레이아웃을 설정합니다.
   3. 메뉴에서 원하는 옵션을 선택합니다.
      • 메뉴 바: 메뉴 아이템이 탐색 바에 표시됩니다. 회전 방향에서 가로 또는 세로를 선택합니다.
        도움말: 가로 메뉴의 경우 방문자 화면에 모든 아이템을 표시할 공간이 부족할 때 적용할 아이템 동작도 선택할 수 있습니다. 메뉴를 확장하려면 텍스트에 맞춤을 선택하고, 추가 아이템을 스크롤할 수 있는 버튼을 표시하려면 스크롤에 맞춤을 선택합니다.
      • 햄버거: 방문자가 아이콘을 클릭하면 메뉴가 열립니다. 깔끔하고 미니멀리스트한 레이아웃에 적합합니다.

이전에 메뉴에 추가한 링크는 언제든지 수정할 수 있습니다.

1. 관련 링크에 마우스오버한 후 추가 작업 아이콘을 클릭합니다.

2. 링크 변경을 클릭합니다.

3. 링크 유형, 상세 정보 또는 둘 다 변경합니다.

4. 완료를 클릭합니다.
   
   

1. 관련 아이템에 마우스오버한 후 추가 작업 아이콘을 클릭합니다.

2. 이름 변경을 클릭합니다.

3. 새 이름을 입력합니다.

4. 키보드에서 Enter 키를 눌러 변경사항을 저장합니다.
   
   

1. 관련 아이템에 마우스오버한 후 추가 작업 아이콘을 클릭합니다.

2. 메뉴에서 제거를 클릭합니다.

참고:

• 페이지가 사이트에서 삭제되는 것이 아니라 메뉴에서만 제거됩니다.

• 드롭다운을 삭제하면 드롭다운에 추가한 모든 페이지가 메뉴에서 제거됩니다. 단, 언제든지 메뉴에 다시 추가할 수 있습니다.
  
  

아이템 옆의 순서 변경 아이콘을 누른 채 원하는 위치로 드래그합니다.

디자인: 제공되는 옵션을 사용해 메뉴바와 메뉴 아이템을 디자인합니다:

• 채우기 색상 : 브랜드 색상 또는 사용자 지정 색상을 선택해 메뉴 색상을 변경합니다.

• 테두리 : 색상, 너비, 스타일을 선택해 메뉴가 돋보이도록 테두리를 설정합니다. 각 테두리 면을 개별적으로 디자인하려면 개별 테두리 편집 아이콘을 클릭합니다.

• 모서리 : 반경 아래의 슬라이더를 드래그해 메뉴 모서리를 각지거나 둥글게 조정합니다. 각 모서리를 개별적으로 디자인하려면 개별 모서리 편집 아이콘을 클릭합니다.

• 음영 : 내부 및 외부 음영을 적용해 메뉴에 입체적인 3D 효과를 추가하고 위치, 흐림 정도, 색상 등을 설정합니다.

• 간격 : 여백을 추가하고 아이템 사이의 간격을 조정해 콘텐츠에 여유 공간을 확보합니다.

• 레이아웃 : 사이트 방향(왼쪽에서 오른쪽 또는 오른쪽에서 왼쪽)을 메뉴에 적용할지 선택합니다. 세로 메뉴에서는 메뉴 아이템의 너비와 드롭다운을 펼친 상태 또는 접힌 상태로 표시할지도 선택할 수 있습니다.

참고: 디자인 대상으로 메뉴바 또는 메뉴 아이템 중 무엇을 선택했는지에 따라 이용 가능한 옵션이 달라집니다.

글꼴, 색상, 서식, 정렬, 글자 간격 등을 변경해 메뉴 아이템의 텍스트를 디자인합니다.

디자인: 제공되는 옵션을 사용해 메뉴의 드롭다운을 디자인합니다:

• 채우기 색상 : 브랜드 색상 또는 사용자 지정 색상을 선택해 드롭다운 색상을 변경합니다.

• 테두리 : 색상, 너비, 스타일을 선택해 드롭다운이 돋보이도록 테두리를 설정합니다. 각 테두리 면을 개별적으로 디자인하려면 개별 테두리 편집 아이콘을 클릭합니다.

• 텍스트 : 글꼴, 색상, 서식, 정렬, 글자 간격 등을 변경해 드롭다운 메뉴 아이템을 디자인합니다.

• 모서리 : 반경 아래의 슬라이더를 드래그해 드롭다운 모서리를 각지거나 둥글게 조정합니다. 각 모서리를 개별적으로 디자인하려면 개별 모서리 편집 아이콘을 클릭합니다.

• 음영 : 내부 및 외부 음영을 적용해 드롭다운에 입체적인 3D 효과를 추가하고 위치, 흐림 정도, 색상 등을 설정합니다.

• 간격 : 여백을 추가하고 드롭다운 위쪽과 아이템 사이의 간격을 조정해 콘텐츠에 여유 공간을 확보합니다.

• 레이아웃 : 드롭다운과 아이템의 정렬, 너비, 위치를 선택하고 드롭다운에 표시할 칼럼 수를 설정합니다.

참고: 디자인 대상으로 드롭다운 또는 드롭다운 아이템 중 무엇을 선택했는지에 따라 이용 가능한 옵션이 달라집니다.

현재 방문자가 메뉴를 클릭하거나 마우스오버할 때의 디자인은 사용자 지정할 수 없습니다. 메뉴 아이템에 마우스오버할 때 표시되는 밑줄은 메뉴의 기본 디자인으로, 변경하거나 제거할 수 없습니다.

탐색 메뉴 디자인을 더 세부적으로 설정하려면 텍스트 또는 버튼 요소로 메뉴를 다시 만든 후 각 요소에 링크를 직접 추가할 수 있습니다.