Wix의 2019년 새로운 모바일 메뉴에 대한 설명과 사용자 지정 방법

wix 모바일

처음 Wix로 작업했을 때는 데스크톱 화면 작업에서 거의 변경 없이 모바일 화면 작업을 진행해야 했습니다. 그러나 현재 Wix 홈페이지 모바일 기능은 2019년 새로 추가되었거나 그전에 추가된 유용한 기능들이 다양하게 활용되고 있습니다. 

예를 들어 모바일 사이트에 환영 화면 추가, 화면의 줌인 줌아웃 기능, 메뉴로 요소 간 이동하기, 다양한 애니메이션 삽입하기, 모바일 이미지 설정과 자르기 등 데스크톱 화면에 영향을 주지 않고 모바일 화면에만 적용되는 다양한 기능들이 있습니다.

Wix에서  새롭게 업데이트 된 모바일 메뉴에 대해  알아보고 내 홈페이지 콘셉트에  맞게  바꿀 수 있는 디자인 영역의 사용자 지정 방법에 대해 설명합니다. 

1. 모바일 메뉴 업데이트 

Wix에 로그인 후 모바일 기기 사이트를 편집할 수 있는 에디터로 이동합니다. 모바일 메뉴를 선택하면 최신 메뉴로 업데이트를 할 수 있는 팝업 화면을 볼 수 있습니다. 지금 업데이트하기를 선택하고 시작하기를 클릭하면 완료됩니다.

주요 기능

• 원하는 대로 디자인 사용자 지정
• 간편하게 드래그-앤-드롭으로 메뉴 편집
• 고급 애니메이션 아이콘 선택
• 메뉴 배경에 이미지 추가
• 적합한 레이아웃 선택
• 메뉴 상자, 머리글 및 바닥글 간  요소 이동 

최신 디자인 기능을 확인하려면 모바일 메뉴로 업데이트 하세요.

참고

새로운 메뉴로 업데이트하고 작업을 진행한 후 에디터를 저장하면 이전 메뉴로 복원할 수 없습니다. 이전 메뉴로 돌아가려면 실행 취소 기능을 사용할 수 없으므로 사이트 히스토리를 사용하여 이전 메뉴가 있는 사이트로 복원해야 합니다

2. Wix 모바일 메뉴 구성 요소와 사용자 지정 방법

2-1 메뉴 아이콘

아래 그림처럼 아이콘을 선택하고 바로 가기에서 디자인을 선택합니다. 아이콘 디자인 팝업 화면에서 마음에 드는 디자인을 선택해도 되고 디자인 사용자 지정을 클릭하여 변경할 수 있습니다. 축소, 확장했을 때 각각 디자인을 변경합니다. 버튼 배경과 아이콘의 색상 및 투명도를 변경하고 테두리의 색상과 두께를 조절하고 모서리 반경을 설정하고 음영의 여부를 결정할 수 있습니다.

2-2 메뉴 상자

모바일 메뉴 아이콘을 클릭 후 메뉴 편집을 클릭하면 메뉴 상자가 선택됩니다. 배경, 레이아웃과 디자인을 변경할 수 있습니다. 먼저 배경은 색상 변경 후 투명도 조절까지 가능하며 이미지로 변경할 수 있습니다.


레이아웃에서 전체 화면, 왼쪽, 오른쪽에서 애니메이션이 시작하는 방향을 정할 수 있습니다. 그리고 바운스인, 글라이드인, 페이드인, 떠다니기, 확대하기, 회전하기 등 애니메이션을 자유롭게 변경할 수 있습니다.

2-3 메뉴

메뉴 상자를 선택한 방법과 동일하게 아이콘을 클릭 후 메뉴를 선택하면 메뉴 관리, 탐색. 레이아웃, 디자인, 애니메이션, 비공개, 도움말 버튼이 보입니다.

레이아웃에서는 텍스트의 좌측, 우측, 중간 정렬로 변경할 수 있고 디자인 버튼을 클릭하면 사용자가 원하는 디자인으로 변경할 수 있습니다. 기본일 때는 색상 및 투명도, 테두리, 음영, 텍스트, 간격을 변경할 수 있고 선택된 경우는 주 메뉴와 하위 메뉴의 배경과 텍스트를 다르게 각각 변경할 수 있습니다. 주 메뉴와 하위 메뉴의 디자인을 달리할 수 있는 것은 홈페이지 디자인에서 매우 필요한 부분이었기 때문에  많이 활용 될 기능입니다. 

모바일을 통해 웹사이트를
방문하는 사람들이 많아지는 만큼
Wix의 2019년 새로운 모바일 메뉴는
꼭 필요했던 기능들이 추가되어
모바일에서 메뉴를 탐색하는데
더욱 편리해졌습니다.
홈페이지 제작 시 활용하면 할수록
많은 도움이 될 것입니다.