/No-Code Development Agency

WeWeb에서 맞춤 탐색 메뉴를 어떻게 생성하나요?

WeWeb에서 사용자 지정 탐색 메뉴를 만드는 간단한 단계를 찾아보세요. 이 종합 가이드는 누구나 웹사이트의 탐색을 사용자 지정할 수 있도록 쉽게 만들어줍니다.

Matt Graham, CEO of Rapid Developers

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.

Book a free No-Code consultation

WeWeb에서 맞춤 탐색 메뉴를 어떻게 생성하나요?

1단계: WeWeb 계정에 로그인하세요

첫 번째 단계는 기존 WeWeb 계정에 로그인하는 것입니다. 계정이 없다면 새로 만들어야 합니다. WeWeb 계정을 만들려면 이메일 주소를 제공하고 비밀번호를 설정해야 합니다. WeWeb 계정을 설정한 후에 다음 단계로 넘어가기만 하면 됩니다.

2단계: WeWeb 대시보드로 이동하세요

WeWeb 계정에 로그인한 후에는 대시보드로 이동해야 합니다. 대시보드 페이지에서는 웹사이트를 관리하기 위한 다양한 옵션을 보게 될 것입니다. 기존 웹사이트를 편집하거나 새 웹사이트를 생성하는 옵션을 포함합니다.

3단계: 편집하길 원하는 웹사이트 선택

대시보드에서 커스텀 내비게이션 메뉴를 추가하려는 웹사이트를 선택합니다. 웹사이트를 클릭하면 선택한 웹사이트를 편집할 수 있는 새로운 페이지로 이동하게 됩니다.

4단계: 웹사이트 레이아웃 페이지로 이동하세요

선택한 웹사이트의 편집 페이지로 넘어가면 페이지의 왼쪽에 메뉴가 보일 것입니다. 이 메뉴에서 "Layout"이라는 옵션을 선택하십시오. 그러면 웹사이트 레이아웃을 편집할 수 있는 새 페이지로 이동합니다.

5단계: 레이아웃에 메뉴 위젯 추가

레이아웃 페이지에서 현재 웹사이트 레이아웃의 모양을 볼 수 있습니다. 페이지 상단의 도구 모음에서 "Widgets"라는 옵션을 클릭하면 드롭다운 메뉴가 표시됩니다. 드롭다운 메뉴에서 "Menu"를 선택하면 웹사이트 레이아웃에 새 메뉴 위젯이 나타납니다.

6단계: 메뉴 위젯을 끌어서 위치시키기

메뉴 위젯을 클릭하고 웹사이트 레이아웃에서 원하는 위치로 드래그하십시오. 이는 페이지의 상단, 하단 또는 측면이 될 수 있습니다.

7단계: 내비게이션 메뉴 커스텀화

새로운 메뉴 위젯이 올바르게 배치되면, 위젯을 클릭하여 커스텀화하세요. 페이지 오른쪽에서 새 메뉴가 열리고, 여기에서 메뉴의 모양, 레이아웃, 내용을 변경할 수 있습니다.

8단계: 메뉴 항목 추가 및 정렬

메뉴 위젯 커스텀 메뉴에는 "Items"라는 옵션이 있어야 합니다. 이 옵션을 클릭하여 메뉴 항목을 추가하거나 편집합니다. 여기에서 새 페이지나 섹션을 추가하거나 항목의 순서를 변경하고, 각 항목의 모양을 커스텀화할 수 있습니다.

9단계: 변경 사항 저장

새로운 내비게이션 메뉴에 만족하면, 페이지 상단의 "Save" 버튼을 누릅니다. 이렇게 하면 새 메뉴가 실제 웹사이트에 적용됩니다.

10단계: 새로운 내비게이션 메뉴 미리보기

마지막으로, 모든 것이 원하는 대로 잘 되었는지 확인하기 위해, 페이지 상단의 "Preview"를 클릭하여 변경사항을 미리 볼 수 있습니다. 이렇게 하면 웹사이트에서 새로운 커스텀 내비게이션 메뉴가 어떻게 보이는지 알 수 있습니다.

이 단계들을 따르면 WeWeb 사이트에 필요와 웹사이트 디자인에 완벽하게 맞는 커스텀 내비게이션 메뉴를 만들 수 있습니다. 기억하세요, 변경 사항을 저장한 후에도 필요에 따라 메뉴를 수정할 수 있습니다.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

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.

Explore

WeWeb Tutorials

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.

Explore

No-Code Tools Comparison

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.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences