Pro 를 구입하지 않고도 Elementor 에서 작동하는 스타일의 탐색 메뉴를 구축 할 수 있습니다. Elementor 의 자체 메뉴 위젯은 Pro 전용이지만 무료 Master Addons Nav Menu 위젯은 모든 WordPress 메뉴를 편집기로 가져 와서 패널에서 스타일을 지정하고 작은 화면에서 햄버거 토글로 축소합니다.
아래: 핵심 Elementor 가 간격을 떠나는 이유,그것을 채우는 세 가지 방법,빌드 자체 및 무료가 멈추는 곳. 그 마지막 부분은 평소보다 더 중요합니다. 왜냐하면 하나의 인기있는 모바일 모드는 무료가 아니며 대부분의 가이드는 그렇지 않다고 말하기 때문입니다.
Elementor free에 메뉴 위젯이 없는 이유
Elementor 의 무료 플러그인은 수십 개의 레이아웃 및 콘텐츠 위젯을 제공하며 WordPress 탐색 메뉴를 페이지 또는 템플릿에 배치 할 수있는 방법이 없습니다. 원래 Nav 메뉴라고 불렸던 위젯은 이제 WordPress 메뉴 위젯은 Pro 전용입니다. Elementor 자신의 문서 확인시켜줍니다.
여전히 모양 > 메뉴에서 메뉴 자체를 빌드 할 수 있습니다. WordPress 는 잘 등록합니다. 간격은 디자인 측면에 있습니다: 핵심 Elementor 는 해당 메뉴를 떨어 뜨릴 것이 없으므로 테마가 인쇄하기로 결정한 곳마다 붙어 있습니다.
메뉴를 사용할 수 있는 테마가 있는 간단한 사이트에서,그것으로 충분할 수 있습니다. 사용자 정의 헤더,끈적끈적한 바,당신이 조종하는 햄버거 토글,또는 메가 메뉴를 원하는 순간,무료 Elementor 만으로는 거기에 갈 수 없습니다.
수년에 걸쳐 이름이 바뀌어 혼란이 가중되었습니다. 오래된 튜토리얼에서는 Nav 메뉴라고 말하고 최신 튜토리얼에서는 WordPress 메뉴라고 말합니다. 라이센스는 변경되지 않았습니다. 항상 Pro 가 필요했습니다.
Pro 없이 탐색 메뉴를 추가하는 세 가지 방법
세 가지 실제 옵션은 각각 스타일과 모바일 동작에 따라 다르게 거래됩니다.
| 방법 | 비용 | 편집기 스타일링 | 모바일 | 위한 최고의 |
|---|---|---|---|---|
| 테마 메뉴 위치 | 무료 | 없음, 테마가 제어합니다 | 테마에 따라 다릅니다 | 메뉴 준비 테마의 간단한 사이트 |
| 마스터 애드온 Nav 메뉴 위젯 | 무료 | 전체, 패널에서 | 햄버거는 중단점에서 전환됩니다 | Pro 가 없는 사용자 지정 헤더 |
| 마스터 애드온 메가 메뉴 | 무료 | 전체 | 토글로 축소됩니다 | 다 란 패널, 큰 항법 |
| Elementor Pro 메뉴 위젯 | 유료 라이센스 | 전체 | 오프 캔버스가 포함되어 있습니다 | Elementor Pro에 이미 사이트가 있습니다 |
테마 메뉴 위치. 모든 테마는 최소한 하나의 메뉴 영역을 등록합니다. 메뉴를 할당하면 플러그인이 0인 상태에서 작동합니다. Elementor에서는 해당 모양을 제어할 수 없으며 모바일 동작은 테마 작성자가 구축한 것과 동일합니다. 테마 메뉴가 이미 올바르게 보이고 깔끔하게 축소된 경우 위에 위젯을 추가할 이유가 전혀 없습니다.
마스터 애드온 Nav 메뉴 위젯. Pro 라이센스가 없는 Elementor-native 옵션입니다. Drop the Nav 메뉴 위젯 템플릿의 모양 > 메뉴 메뉴와 스타일 색상, 간격, 하위 메뉴 및 패널의 모바일 토글을 가리킵니다.
마스터 애드온 메가 메뉴. 카테고리가 많은 사이트의 경우,메가 메뉴 확장은 다중 열 패널을 구축하고 또한 무료입니다. 그것은 자신의 연습을 가진 별도의 도구입니다: pro 없이 Elementor에서 메가 메뉴를 구축하는 방법.
엘리멘터 프로. 이미 소유하고 있다면 메뉴 위젯과 테마 빌더가 기본적으로이 작업을 수행하므로 사용해야합니다. 하나의 작업에 대해 두 개의 플러그인을 실행하면 무게 만 추가됩니다.
메뉴를 만들고 시작부터 끝까지 하세요
전체 빌드는 wp-admin 과 Elementor 에디터에서 발생합니다. 코드 조각도 없고 자식 테마 편집도 없습니다. 시작하기 전에 테마가 이미 자체 헤더를 인쇄하지 않았는지 확인하십시오. 왜냐하면 두 개의 쌓인 헤더가 사람들이 여기서 만드는 가장 일반적인 혼란이기 때문입니다.
1 단계: 메뉴 등록
모양 > 메뉴로 이동하여 메뉴를 만들고 페이지와 링크를 추가하고 6개월 후에 인식할 이름을 지정하세요. 이것은 일반 WordPress이고 플러그인 전용은 없으며 WordPress에는 a가 있습니다 메뉴 화면 안내 이전에 구축하지 않은 경우.
2 단계: Header 템플릿 만들기
무료 열기 마스터 애드온 테마 빌더 그리고 Header 로 설정된 타입으로 새로운 템플릿을 추가하세요. 이것은 여러분의 메뉴가 살고 있는 컨테이너이며,테마의 헤더를 싸워버리지 않고 교체할 수 있게 해주는 것입니다.
3단계: Nav 메뉴 위젯을 추가하고 메뉴를 선택하세요
Elementor 패널에서 “Nav 메뉴”를 검색하고 헤더로 드래그하십시오. 위젯 설정에서 메뉴 선택 드롭다운에서 1 단계에서 빌드한 메뉴를 선택한 다음 레이아웃을 설정합니다. 수평은 표준 헤더에 적합하고; 수직은 사이드바에 적합하며 일반,토글, 아코디언 및 측면 하위 유형을 제공합니다.
동일한 패널에서 중단점을 설정합니다. 여기서 데스크톱 메뉴가 햄버거 토글로 축소되고 태블릿이 기본값입니다.
4 단계: 스타일링하기
글꼴,색상, 간격,호버 상태 및 하위 메뉴 동작은 모두 스타일 탭에 있습니다. 사용자 정의 CSS 가 필요하지 않습니다. 이것은 Elementor 가 전혀 할 수없는 부분 핵심이며,테마 메뉴 위치를 사용하지 않고 위젯을 추가하는 전체 이유입니다.
5 단계: 게시하고 할당합니다
템플릿을 저장하고 전체 사이트에 할당합니다. 사용 가능한 유일한 표시 조건인 무료 계층에서 모든 곳에 하나의 헤더를 원할 때 괜찮습니다.
6 단계: 프런트 엔드에서 확인하십시오
사이트를 불러오고 헤더 하나가 렌더링이 아닌 두 개가 되는지 확인합니다. 테마의 메뉴도 보이면 CSS 로 숨기지 말고 테마 자체의 커스터마이저 설정에서 비활성화하세요.
모바일에서 작동하게 만드는 것
데스크탑에서만 작동하는 메뉴는 끝나지 않습니다. 선택한 중단점 아래에서 Nav 메뉴 위젯이 햄버거 토글로 축소되며 해당 토글은 아이콘, 활성 상태 및 스타일을 포함하여 무료입니다.
토글은 마우스 전용이 아닌 키보드 및 화면 판독기 사용을 위해 제작되었습니다. Enter 및 Space 에서 열면 Esc 가 닫힙니다. 많은 것들이 키보드가 도달 할 수없는 div 로부터 만들어지기 때문에 설치 한 모든 메뉴 위젯에서 확인할 가치가 있습니다.
무료 모바일 메뉴가 무엇인지 명확히하십시오: 접힌 패널은 토글 아래에서 제자리로 확장됩니다. 짧고 중간 메뉴에 잘 어울립니다. 측면에서 미끄러지는 전체 오프 캔버스 패널은 다음 섹션에서 다루는 Pro 기능입니다.
브라우저 장치 도구 모음이 아닌 실제 휴대폰에서 테스트합니다. 대상,전환 속도 및 외부 탭에서 패널이 닫히는지 여부를 탭하면 크기가 조정된 데스크톱 창에서와 달리 터치스크린에서 모두 다르게 동작합니다. 아이콘이 상태를 변경하여 메뉴가 열려 있는 것이 분명하고,하위 메뉴 항목에 엄지손가락 하나로 연결할 수 있는지 확인합니다.
무료 버전이 중지되는 곳
두 가지 한계, 그리고 둘 다 당신이 그들 주위에 디자인하기 전에 알고 가치가있다보다는 후.
오프 캔버스와 드롭다운 레이아웃은 Pro입니다. 위젯의 레이아웃 컨트롤은 Dropdown 이 Pro 로 표시된 상태에서 수평 및 수직 기능을 무료로 제공합니다. 그 Dropdown 레이아웃 안에는 Default,Popup 및 Offcanvas 의 세 가지 유형이 있으며 세 가지 모두 Pro 가 필요합니다. 따라서 “오프 캔버스 메뉴”가 일반적으로 의미하는 슬라이딩 측면 패널은 여기서 유료 기능입니다. 비슷한 것으로의 무료 경로는 메뉴를 페이지 측면 아래에 주차하는 수직 레이아웃의 측면 유형 또는 모바일 용 표준 햄버거 토글입니다.
테마 빌더 타겟팅은 하나의 규칙입니다. 무료 테마 빌더는 정확히 하나의 표시 조건을 저장합니다: 전체 사이트. 모든 곳에서 하나의 헤더를 원한다면 괜찮습니다. 방문 페이지의 다른 헤더,로그인 된 회원을위한 다른 메뉴 또는 하나의 게시물 유형으로 범위가 지정된 헤더에 충분하지 않습니다. 그 필요 프로. 우리의 디스플레이 조건 분석 플러그인 소스를 통해 해당 라인을 추적합니다 무료 테마 빌더 가이드 해당 계층의 나머지 부분을 다룹니다.
Elementor Pro 를 이미 소유하고 있다면 이 해결 방법 중 어느 것도 적용되지 않습니다. 그리고 테마의 메뉴 위치가 충분하다면 일반 모양 > 애드온이 전혀 없는 메뉴가 올바른 호출입니다. 테마의 기본값이 충분함을 멈추면 플러그인을 추가합니다 위젯 및 확장 디렉토리 플러그인 전체의 무게를 측정하는 경우 무료로 제공되는 다른 항목을 나열합니다.
헤더에 섹션이 필요한 경우 손으로 계속 다시 작성합니다 위젯 빌더 실제 위젯으로 한 번 작성할 수 있습니다. That sits in Pro, and the 가격 페이지 계층을 나열합니다.
자주 묻는 질문
Elementor 에 대한 무료 메뉴 위젯이 있습니까?
Elementor 자체에서가 아닙니다. 코어 플러그인에는 메뉴 위젯이 없습니다; 하나는 Pro로만 배송됩니다. 무료 확장 프로그램인 Master Addons는 자체 Nav 메뉴 위젯을 추가하여 라이센스 없이 실제 탐색 메뉴를 배치하고 스타일을 지정할 수 있습니다.
Pro 없이 Elementor에서 탐색 메뉴를 만들 수 있나요?
예. 모양 > 메뉴 아래에 메뉴를 정상적으로 등록한 다음 무료 애드온을 사용하여 Nav 메뉴 위젯을 헤더 템플릿에 떨어뜨리고 패널에서 스타일을 지정합니다. Elementor free만으로는 메뉴를 배치하거나 스타일을 지정할 수 없으므로 테마 메뉴 위치 또는 애드온 위젯이 필요합니다.
Elementor 에서 모바일 햄버거 메뉴를 무료로 추가하려면 어떻게 해야 하나요?
마스터 애드온 Nav 메뉴 위젯을 헤더 템플릿에 추가하고 메뉴를 선택한 다음 데스크톱 메뉴가 접혀야 하는 중단점을 설정합니다. 태블릿이 기본값이고 모바일이 대안입니다. 햄버거 토글,아이콘 및 스타일링이 모두 무료입니다. 패널이 토글 아래에서 제자리로 확장됩니다.
마스터 애드온에서 오프 캔버스 메뉴는 무료입니까?
아니요. 오프 캔버스는 위젯의 드롭다운 레이아웃 안에 있는 세 가지 유형 중 하나이며,해당 레이아웃과 모든 유형에는 Master Addons Pro 가 필요합니다. 무료에서는 수평 및 수직 레이아웃과 모바일용 햄버거 토글을 얻을 수 있습니다. 비용을 지불하지 않고 측면 고정 메뉴를 원한다면 수직 레이아웃의 측면 유형이 가장 가까운 무료 유형입니다.
Elementor에서 메가 메뉴를 무료로 만들려면 어떻게 해야 합니까?
마스터 애드온에는 다중 열 패널을 구축하고 모바일에서 축소되는 무료 메가 메뉴 확장 기능이 포함되어 있습니다. 표준 Nav 메뉴 위젯과 분리되어 있으며 카테고리,열 또는 프로모션 콘텐츠가 포함된 더 큰 탐색을 위해 제작되었습니다.
Elementor nav 메뉴가 표시되지 않는 이유는 무엇입니까?
일반적으로 할당되지 않은 메뉴입니다. 모양 > 메뉴에서 생성된 것이 아니라 위젯 설정에서 실제로 메뉴가 선택되어 있는지 확인합니다. 그런 다음 헤더 템플릿이 테마 빌더의 전체 사이트에 할당되어 있고 테마 헤더가 여전히 활성화되어 중복되지 않는지 확인합니다.
마스터 애드온 프로가 필요한가요, 아니면 메뉴가 무료인가요?
Nav 메뉴 위젯은 스타일링,하위 메뉴,브레이크 포인트 컨트롤 및 모바일 햄버거 토글을 포함하여 무료입니다. Pro 는 팝업 및 오프 캔버스 유형으로 Dropdown 레이아웃을 추가하고 단일 전체 사이트 규칙을 넘어서는 테마 빌더 조건을 추가합니다.
다음에 할 일
가로 레이아웃과 태블릿 중단점으로 헤더를 만든 다음 다른 스타일을 지정하기 전에 자신의 휴대폰에 로드하세요. 대부분의 메뉴 문제는 모바일 문제이며 실제 장치에서는 10초 안에 나타납니다.
메뉴에 다중 열 패널이 필요한 것으로 판명되면 메가 메뉴 가이드 거기에서 픽업합니다. 그만큼 Nav 메뉴 문서 참조 버전을 원하는 경우 모든 컨트롤이 있습니다.
