Wix 에디터: 사이드바 메뉴 생성하기

4 분 분량
라이트박스 요소를 사용해 멋진 사이드바 메뉴를 만들어 보세요!

사이드바 메뉴를 생성하려면:

  1. 사이트에서 기존 메뉴를 삭제합니다.
  2. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  3. 인터랙티브를 클릭합니다.
  4. 아래 그림과 같이 사이드바 사전 설정이 있는 라이트박스를 선택합니다.
  1. 라이트박스를 클릭한 후 설정아이콘을 클릭합니다.
    1. 라이트박스의 이름을 "사이드바 메뉴"와 같이 알아보기 쉬운 이름으로 바꿉니다.
    2. 라이트박스 자동 표시에서 OFF를 선택합니다.
  1. 라이트박스 내부의 모든 요소를 삭제합니다. 'X' 아이콘은 삭제하지 않습니다.
  2. 라이트박스에 세로 메뉴를 추가합니다.
  3. 메뉴를 디자인합니다. 메뉴 글꼴은 크고 중앙에 정렬되는 것이 좋습니다.
도움말:
사이트와 어울릴 수 있도록 오버레이 및 라이트박스 배경을 사용자 지정하세요. 멋진 효과를 위해 배경을 약간 투명하게 설정할 수도 있습니다.
  1. 에디터 왼쪽에서 메뉴 및 페이지를 클릭해 메뉴 버튼을 배치할 페이지를 선택합니다.
  2. 메뉴 버튼에 대한 모양을 추가합니다.
    1. 에디터 왼쪽에서 요소 추가를 클릭합니다.
    2. 장식을 클릭합니다.
    3. 기본 모양 탭을 클릭합니다.
    4. 기본 모양에서 더보기를 클릭합니다.
    5. 검색창에 "메뉴"를 입력란 후 Enter 키를 누릅니다.
    6. 메뉴 디자인을 선택한 후 페이지에 추가를 클릭합니다.
    7. 디자인 아이콘을 클릭해 메뉴 버튼을 디자인합니다.
도움말:
나만의 메뉴 버튼을 디자인할 수도 있습니다. 텍스트 버튼, 아이콘 버튼 또는 다른 모양으로 자유롭게 디자인할 수 있습니다. 아래에서 예시를 확인하세요.
  1. 사이트에서 눈에 잘 띄는 위치에 메뉴 버튼을 배치합니다. 머리글에 배치하거나 위치 고정 기능을 사용해 사이트 상단에 고정할 수도 있습니다. 메뉴 버튼이 머리글에 배치되지 않은 경우, 모든 페이지에 표시되도록 설정하세요.
  2. 메뉴 버튼을 클릭한 후 링크 아이콘을 클릭합니다. 라이트박스를 선택한 후 드롭다운 메뉴에서 라이트박스를 선택하고 완료를 클릭합니다.
  1. 사이트를 미리보기해 라이트박스가 작동하는지 확인합니다.
  2. 모바일 에디터에 액세스합니다.
  3. 라이트박스에 연결된 메뉴 버튼을 클릭한 후 비공개 아이콘을 클릭합니다. 
중요!
모바일 사이트의 버튼이나 링크에서 라이트박스 메뉴에 액세스할 수 없는지 확인하세요. 사이드바 사전 설정이 있는 일반 모바일 메뉴를 사용해야 합니다.

도움이 되었나요?

|