Nav 메뉴
웹사이트의 메뉴는 로드맵입니다. 지루하고 기본적인 메뉴에 안주하지 마세요. 마스터 애드온 탐색 메뉴 요소는 사이트에 걸맞는 정확한 메뉴를 구축하기 위한 완벽한 창의적이고 기술적인 제어를 제공합니다. 단순한 링크를 훨씬 뛰어넘어 수평,수직, 드롭다운,팝업 또는 오프캔버스 메뉴를 만듭니다. 모든 단일 상태와 레벨을 픽셀 수준의 완벽한 정밀도로 스타일링하십시오. 부드러운 포인터 애니메이션을 추가하고 완벽한 모바일 토글을 디자인하며 강력한 메가 메뉴 확장 프로그램과 원활하게 통합하십시오. 단순한 메뉴가 아닙니다. - 사이트의 UX,브랜드 및 변환 경로의 초석이며 모두 무료로 제공됩니다.
모든 디자인에 대한 5 + 메뉴 유형 중에서 선택하십시오
메뉴를 모든 헤더,사이드바 또는 영웅 섹션에 완벽하게 맞춥니다. 클래식 수평 상단 바,매끄러운 수직 사이드바 또는 컴팩트한 드롭다운을 선택하십시오. 모바일 우선 디자인이나 몰입형 체험의 경우 팝업 (모달) 또는 오프캔버스 (슬라이딩 패널) 유형을 사용하십시오. 각 레이아웃에는 드롭다운 위치,최소 너비 및 정렬을 위한 전용 컨트롤이 제공되므로 메뉴를 필요한 위치에 정확하게 배치할 수 있습니다.
- 다중 레이아웃: 수평, 수직, 드롭다운, 팝업 및 오프캔버스 유형으로 전체 디자인 자유를 보장합니다.
- 고급 드롭다운 제어: 드롭다운을 콘텐츠 중첩 (절대 위치 지정) 으로 설정하고 폭과 정렬을 미세 조정합니다.
- 메가 메뉴 준비: 콘텐츠가 풍부한 탐색을 위해 마스터 애드온 메가 메뉴 확장과 원활하게 통합됩니다.
모든 레벨과 상호 작용을 개별적으로 디자인하세요
메뉴의 각 부분을 독립적으로 스타일링하여 진정으로 세련된 모양을 구현합니다. 메인 메뉴 항목,드롭다운 목록 컨테이너,드롭다운 항목,심지어 하위 수준 항목에 대한 사용자 지정 스타일에 대해 별도의 스타일 탭이 있습니다. 각각에 대해 일반,호버 및 활성 상태에 대한 고유한 색상,배경, 타이포그래피,패딩, 테두리 및 그림자를 정의합니다. 이러한 세부 수준은 완벽한 시각적 피드백과 브랜드 일관성을 보장합니다.
- 딥 스테이트 컨트롤: 유휴 상태, 마우스를 가져간 상태, 활성 페이지에 있을 때 메뉴 항목의 고유한 모양을 디자인합니다.
- 컨테이너 스타일링: 전체 드롭다운 목록의 배경, 테두리 및 그림자를 그 안에 있는 항목과 별도로 스타일 지정합니다.
- 하위 수준 재정의: 명확한 시각적 계층 구조를 위해 두 번째 수준 드롭다운 항목에 다른 스타일을 적용합니다.
대화형 효과 및 모바일 우선 토글
미묘한 동작으로 사용자 경험을 향상시키세요. 메뉴 항목에 포인터 애니메이션을 추가하여 밑줄,배경 또는 텍스트와 같은 효과 중에서 Sweep 또는 Grow 와 같은 방향과 함께 선택하여 사용하세요. 모바일의 경우 완전히 사용자 정의 가능한 토글 스위치 버튼을 디자인하고 유형 (아이콘,텍스트 또는 둘 다), 보기 (스택,프레임) 및 모양 (사각형,원형) 을 선택하고 일반 상태와 활성 상태의 스타일을 지정하세요. 이렇게 하면 메뉴가 데스크톱에서는 매력적이고 모바일에서는 흠잡을 데가 없습니다.
- 매력적인 포인터 효과: 마우스를 올리면 애니메이션 밑줄이나 배경 채우기를 사용하여 사용자의 눈을 안내합니다.
- 전문 모바일 토글: 지루한 햄버거 아이콘에 만족하지 마십시오. 사이트의 개성과 일치하는 토글 스위치를 디자인하십시오.
- 부드러운 전환: 모든 호버 및 열기/닫기 애니메이션의 전환 기간을 제어합니다.
고급 기술 제어 및 반응형 논리
반응형 중단점에서 메뉴가 어떻게 동작하는지 정확히 제어합니다. 메뉴가 축소되는 중단점을 모바일 토글로 설정합니다. 드롭다운에 전략적으로 오버랩 콘텐츠 설정을 사용합니다. 드롭다운 위치 지정에 대해 위에서부터의 간격과 메뉴 항목 사이의 공간을 조정합니다. 이러한 기술적 제어는 메뉴가 아름답기만 할 뿐만 아니라 모든 장치에서 강력하고 기능적이 되도록 보장합니다.
- 반응형 중단점: 데스크톱 메뉴가 모바일 토글 보기로 전환되는 정확한 화면 너비를 정의합니다.
- 완벽한 위치 지정: 드롭다운 간격 및 정렬을 제어하여 어색한 겹침이나 잘못된 배치를 방지합니다.
- 구조화된 간격: 최적의 가독성과 터치 대상을 위해 항목 사이의 수평/수직 패딩 및 공간을 조정합니다.
Nav 메뉴에 대해 자주 묻는 질문
다른 Nav Menu 위젯과 어떻게 다른가요?
다른 플러그인 Nav 메뉴 위젯은 제한된 스타일링 - 대부분 텍스트 색상과 타이포그래피만을 제공합니다. 마스터 애드온 버전은 nav 메뉴로 상상할 수 있는 모든 것을 제공합니다. 주요 차이점은 다음과 같습니다: 5 가지 레이아웃 유형 (Popup,Offcanvas), 모든 메뉴 레벨과 상태에 대한 별도의 스타일링,사용자 지정 포인터 애니메이션,완벽하게 스타일이 가능한 모바일 토글,드롭다운 너비/위치 컨트롤,그리고 원활한 메가 메뉴 통합.
이 메뉴를 메가 메뉴 확장과 함께 사용할 수 있나요?
예,그들은 완벽하게 함께 작동하도록 설계되었습니다. WordPress 메뉴 관리자의 메가 메뉴 확장 프로그램을 사용하여 메가 메뉴 콘텐츠를 구축합니다. 그런 다음이 탐색 메뉴 요소를 사용하여 프런트 엔드에 표시합니다. “메뉴 선택”드롭 다운에서 만든 메뉴를 선택하면됩니다.
정상, 호버, 액티브에 대해 다양한 스타일을 설정하는 것이 어렵습니까?
전혀 그렇지 않습니다. 인터페이스는 시각적이고 체계적입니다. 스타일 탭으로 이동하여 메뉴의 일부 (예를 들어, “메인 메뉴 항목”) 를 선택하기만 하면 일반,호버, 활성 상태에 대한 명확한 탭이 표시됩니다. 각 상태에 대해 색상,배경 등을 독립적으로 설정할 수 있습니다. 매우 직관적입니다.
"Offcanvas" 또는 "Popup" 메뉴 유형의 가장 좋은 사용 사례는 무엇입니까?
이는 스크린 부동산을 극대화하고 집중적인 경험을 창출하는 데 이상적입니다.
- Offcanvas: 왼쪽이나 오른쪽에서 미끄러지는 모바일 메뉴에 적합합니다. 미니멀 한 디자인의 데스크탑 “사이드 바” 탐색에도 좋습니다.
- 팝업: 화면 중앙에 모달 오버레이로 표시되는 기능이 풍부한 메뉴에 유용하며 포트폴리오 또는 크리에이티브 에이전시 사이트의 전체 사이트 탐색에 자주 사용됩니다.
이 메뉴는 기존 워드 프레스 테마의 헤더와 함께 작동합니까?
대부분의 경우 그렇습니다. 그러나 최상의 결과를 얻고 충돌을 피하기 위해 Master Addons Theme Builder 를 사용하여 처음부터 헤더를 구축하는 것이 좋습니다. 이렇게하면 문제를 일으키는 테마에서 상속 된 스타일없이 Master Addons Navigation Menu 요소를 배치 할 수있는 깨끗한 캔버스가 제공됩니다.
모바일과 데스크톱에서 다른 메뉴 스타일을 사용할 수 있나요?
절대적으로. Elementor 의 반응형 편집 모드를 사용하면 태블릿 및 모바일 뷰에 대한 거의 모든 설정을 변경할 수 있습니다. 예를 들어 데스크탑의 가로 레이아웃에서 태블릿의 드롭다운 레이아웃으로 전환하거나 모바일의 글꼴 크기를 늘리거나 토글 버튼의 패딩 컨트롤이 완벽하게 반응합니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
