WeWeb에서 사용자 지정 탐색 메뉴를 만드는 간단한 단계를 찾아보세요. 이 종합 가이드는 누구나 웹사이트의 탐색을 사용자 지정할 수 있도록 쉽게 만들어줍니다.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
1단계: WeWeb 계정에 로그인하세요
첫 번째 단계는 기존 WeWeb 계정에 로그인하는 것입니다. 계정이 없다면 새로 만들어야 합니다. WeWeb 계정을 만들려면 이메일 주소를 제공하고 비밀번호를 설정해야 합니다. WeWeb 계정을 설정한 후에 다음 단계로 넘어가기만 하면 됩니다.
2단계: WeWeb 대시보드로 이동하세요
WeWeb 계정에 로그인한 후에는 대시보드로 이동해야 합니다. 대시보드 페이지에서는 웹사이트를 관리하기 위한 다양한 옵션을 보게 될 것입니다. 기존 웹사이트를 편집하거나 새 웹사이트를 생성하는 옵션을 포함합니다.
3단계: 편집하길 원하는 웹사이트 선택
대시보드에서 커스텀 내비게이션 메뉴를 추가하려는 웹사이트를 선택합니다. 웹사이트를 클릭하면 선택한 웹사이트를 편집할 수 있는 새로운 페이지로 이동하게 됩니다.
4단계: 웹사이트 레이아웃 페이지로 이동하세요
선택한 웹사이트의 편집 페이지로 넘어가면 페이지의 왼쪽에 메뉴가 보일 것입니다. 이 메뉴에서 "Layout"이라는 옵션을 선택하십시오. 그러면 웹사이트 레이아웃을 편집할 수 있는 새 페이지로 이동합니다.
5단계: 레이아웃에 메뉴 위젯 추가
레이아웃 페이지에서 현재 웹사이트 레이아웃의 모양을 볼 수 있습니다. 페이지 상단의 도구 모음에서 "Widgets"라는 옵션을 클릭하면 드롭다운 메뉴가 표시됩니다. 드롭다운 메뉴에서 "Menu"를 선택하면 웹사이트 레이아웃에 새 메뉴 위젯이 나타납니다.
6단계: 메뉴 위젯을 끌어서 위치시키기
메뉴 위젯을 클릭하고 웹사이트 레이아웃에서 원하는 위치로 드래그하십시오. 이는 페이지의 상단, 하단 또는 측면이 될 수 있습니다.
7단계: 내비게이션 메뉴 커스텀화
새로운 메뉴 위젯이 올바르게 배치되면, 위젯을 클릭하여 커스텀화하세요. 페이지 오른쪽에서 새 메뉴가 열리고, 여기에서 메뉴의 모양, 레이아웃, 내용을 변경할 수 있습니다.
8단계: 메뉴 항목 추가 및 정렬
메뉴 위젯 커스텀 메뉴에는 "Items"라는 옵션이 있어야 합니다. 이 옵션을 클릭하여 메뉴 항목을 추가하거나 편집합니다. 여기에서 새 페이지나 섹션을 추가하거나 항목의 순서를 변경하고, 각 항목의 모양을 커스텀화할 수 있습니다.
9단계: 변경 사항 저장
새로운 내비게이션 메뉴에 만족하면, 페이지 상단의 "Save" 버튼을 누릅니다. 이렇게 하면 새 메뉴가 실제 웹사이트에 적용됩니다.
10단계: 새로운 내비게이션 메뉴 미리보기
마지막으로, 모든 것이 원하는 대로 잘 되었는지 확인하기 위해, 페이지 상단의 "Preview"를 클릭하여 변경사항을 미리 볼 수 있습니다. 이렇게 하면 웹사이트에서 새로운 커스텀 내비게이션 메뉴가 어떻게 보이는지 알 수 있습니다.
이 단계들을 따르면 WeWeb 사이트에 필요와 웹사이트 디자인에 완벽하게 맞는 커스텀 내비게이션 메뉴를 만들 수 있습니다. 기억하세요, 변경 사항을 저장한 후에도 필요에 따라 메뉴를 수정할 수 있습니다.
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.