에서 전체 화면 메뉴를 만드시겠습니까? Elementor ? 그렇다면 이 기사에서 그 방법을 알려드립니다. 전체 화면 메뉴를 만드는 데 필요한 추가 기능이 없습니다. Elementor. 필요한 것은 Elementor 프로.
의 프로 버전Elementor 와 함께 제공됩니다 팝업 빌더 아름다운 팝업을 만들 수 있습니다. 이 기능을 사용하여 Elementor에서 전체 화면 메뉴를 만들 수 있습니다.
오늘 우리가 이야기하고 싶은 내용이 보이지 않는다면 이 비디오를 확인하십시오.
Elementor에서 전체 화면 메뉴를 만드는 방법은 무엇입니까?
시작하기 전에 다음이 있는지 확인하십시오. Elementor를 프로 버전으로 업그레이드했습니다.. 준비가 되면 템플릿 -> 팝업으로 이동합니다. 새로 추가 버튼을 클릭하여 새 팝업 템플릿을 만듭니다.
팝업 템플릿에 이름을 지정하고 버튼을 클릭합니다. 아모델 만들기.
Elementor는 선택할 수 있는 수십 개의 팝업 템플릿을 제공합니다. 이 튜토리얼에서는 처음부터 모델을 생성합니다. 따라서 템플릿 라이브러리를 닫고 Elementor 편집기를 엽니다.
팝업 템플릿 생성을 시작하기 전에 먼저 레이아웃을 정의하십시오. 이렇게 하려면 왼쪽 하단 모서리에 있는 기어 아이콘을 클릭하여 팝업 창 설정을 엽니다.
블록에서 레이아웃, 탭 아래 매개 변수, 너비를 100 폭스바겐 그리고 높이 화면에 맞추기. 시작 및 종료 애니메이션 효과를 설정할 수도 있습니다.
레이아웃을 정의한 후 새 섹션을 추가하여 템플릿 생성을 시작합니다. 템플릿에 원하는 모든 요소를 추가할 수 있습니다. 메뉴 항목을 추가하려면 탐색 메뉴 위젯 또는 아이콘 목록 위젯을 사용할 수 있습니다.
참조 : Elementor에서 모바일 메뉴의 사용자 정의 위치를 설정하는 방법
이 가이드에서는 아이콘 목록 위젯을 사용합니다.
목록의 각 항목을 편집합니다. 필드에 메뉴 항목 레이블을 추가할 수 있습니다. 텍스트 필드에 링크를 추가합니다. 선취 특권.
탭으로 이동 스타일 스타일 목록에. 목록 항목 사이의 간격과 목록 블록의 정렬을 설정할 수 있습니다. 아이콘 크기와 색상을 설정하려면(아이콘을 사용하는 경우) 아이콘 블록을 열 수 있습니다. 목록 항목의 타이포그래피(글꼴 크기, 글꼴 패밀리, 글꼴 스타일) 및 텍스트 색상을 설정하려면 텍스트 블록을 열 수 있습니다.
원하는 경우 섹션의 배경을 변경할 수 있습니다. 팝업 닫기 버튼을 사용자 정의하려면 팝업 설정을 다시 열고 탭으로 이동하십시오. 스타일. 블록 열기 닫기 버튼 배경색, 크기 및 위치와 같은 닫기 버튼을 사용자 정의하는 몇 가지 옵션이 표시됩니다.
팝업 템플릿 생성이 완료되면 버튼 옆에 있는 화살표 아이콘을 클릭합니다. 게시 선택하고 표시 용어.
버튼을 클릭하여 팝업을 표시할 위치를 설정합니다. 조건 추가 및 버튼을 클릭 NEXT 트리거를 설정합니다.
옵션 활성화 딸깍 하는 소리 클릭 저장 후 닫기.
팝업 템플릿 호출
팝업 템플릿이 준비되면 호출할 수 있습니다. 전체 화면 메뉴를 만들고 싶으면 Elementor로 헤더를 만들거나 기존 헤더를 수정할 수 있습니다.
방법에 대해 자세히 알아 보려면 이 게시물을 읽으십시오. Elementor로 커스텀 헤더 만들기.
버튼, 아이콘, 아이콘 상자, 텍스트, 이미지 등과 같은 링크를 추가하는 옵션이 있는 Elementor 위젯으로 방금 만든 팝업 템플릿을 호출할 수 있습니다.
이 튜토리얼에서는 아이콘 상자 위젯을 사용합니다. 편집 모드로 들어가려면 위젯을 선택하세요. 탭 아래 내용 왼쪽 패널에서 링크를 추가할 필드를 찾습니다.
링크를 동적으로 설정하고 팝업을 선택합니다.
렌치 아이콘을 클릭하여 방금 만든 팝업 템플릿을 선택합니다.
헤더 템플릿을 게시/업데이트합니다.
지금 Elementor Pro를 받으세요!!!
결론
여기 ! 그것이 당신에게 방법을 보여주는이 기사에 대한 것입니다 Elementor에서 전체 화면 메뉴 만들기. 가는 방법에 대해 우려 사항이 있는 경우 내부에 알려주십시오. commentaires.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
