WordPress에 요소 메뉴 항목을 추가하는 방법

Elementor 사이트에 메뉴를 추가하고 싶으신가요? 그렇다면 당신은 바로 찾아오셨습니다! 이 튜토리얼 가이드에서는 다음을 보여드리겠습니다. Elementor 메뉴 생성, 탐색 메뉴 설정 및 사용자 정의 방법 귀하의 웹사이트에서.

모든 유형의 웹사이트에는 맞춤 메뉴 항목이 필수입니다. 탐색을 더 쉽게 만들고 사람들이 단 몇 번의 클릭만으로 필요한 정보를 찾을 수 있도록 도와줍니다.

많은 웹사이트 소유자는 사이트의 모든 페이지에 메뉴가 표시되도록 페이지 헤더에 메뉴를 배치합니다. 그것은 메뉴를 추가하기 쉽다 Elementor에서, 특히 다음 팁과 요령을 따른다면 😉

이 글에서는 ElementsKit 탐색 메뉴 위젯 엘레멘터. 다음 가이드를 통해 독특한 메뉴를 만들 수도 있고 맞춤 설정할 수도 있습니다!

Elementor 메가 메뉴 WordPress 란 무엇입니까?

최근 몇 년 동안 웹사이트에 메뉴를 추가하는 것이 점점 인기를 얻고 있습니다. 이 풍부한 탐색 메뉴는 다음 작업에 도움이 될 수 있습니다. 사이트 탐색 개선 사용자가 자료를 쉽게 탐색하고 원하는 것을 찾을 수 있도록 함으로써 가능합니다.

테마별로 양식이 지정된 기본 WordPress 탐색 메뉴에서 페이지, 게시물, 카테고리 및 URL을 메뉴 항목으로 사용할 수 있습니다.

이것은 다음 중 하나일 것입니다. 사이트의 가장 중요한 요소 귀하의 온라인 활동을 최대한 활용하기 위한 것입니다. 그리고 메뉴는 WordPress 사이트에 추가하는 것을 고려해야 할 첫 번째 요소입니다.

ElementsKit – Nav 메뉴 위젯이 필요한 두 가지 이유는 다음과 같습니다.

• 당신은 거대하고 맞춤형 메뉴 레이아웃을 만들고 싶습니다.
• 귀하의 웹사이트를 위한 올인원 솔루션을 갖춘 고급 기능 플러그인이 필요합니다.

Elementor 위젯과 강력한 사용자 정의 기능을 위한 ElementsKit 올인원 애드온을 사용하면 새로운 메가 메뉴 WordPress 플러그인으로 콘텐츠가 풍부한 메뉴를 만들 수 있습니다.

🔔 당신은 알고 있나요?
WordPress 테마 또는 페이지 빌더를 사용할 때 원하는 만큼 머리글이나 바닥글을 제어할 수 없습니다.

더 알고 싶으십니까? 최신 블로그를 방문하는 것을 잊지 마세요. 머리글 바닥글을 만들고 사용자 정의하는 방법 – Elementor Page Builder

ElementsKit의 Elementor 메가 메뉴가 제공하는 것:

다른 WordPress와 마찬가지로 엘레멘터 메뉴 확장인 ElementsKit은 또한 일반 WordPress 메뉴를 '해킹'할 수 있는 다양한 가능성을 열어줍니다.

좀 더 구체적으로 말하자면, 플러그인은 다음과 같은 측면에서 도움을 줄 것입니다:

• 태그, 색상, 호버 효과 및 아이콘을 사용하여 메뉴를 사용자 정의하세요.
• 최상위 및 하위 메뉴 메뉴의 모양을 변경합니다.
• 수직 메뉴와 수평 메뉴를 모두 만듭니다.
• 원하는 것을 선택하세요 ElementsKit 라이브러리의 헤더 레이아웃. 
• 하위 메뉴가 나타나도록 애니메이션 효과를 추가하세요.
• 탐색 메뉴 위젯을 끌어서 놓아 한 번의 클릭으로 추가하세요.
• 전자상거래 플랫폼(예: WooCommerce)에서도 완벽하게 작동합니다.
• Elementor 페이지 빌더에서 콘텐츠를 구축하세요.
• 원하는 요소 위젯을 사용하세요.
• 100% 반응형.
• 태블릿 보기의 캔버스 외부 메뉴 스타일.
• 빌더 콘텐츠 또는 간단한 목록을 태블릿 보기의 하위 메뉴로 표시합니다.

그리고 물론 가장 좋은 점은 ElementsKit Nav 메뉴는 무료와 프리미엄 모두 제공됩니다. 버전. 따라서 유료 구독을 구매하지 않더라도 사이트에서 이 놀라운 Elementor 메뉴 기능을 계속 경험할 수 있습니다.

Elementor에서 메뉴 항목을 만드는 방법

실제 사례를 살펴보고 WordPress의 큰 메뉴 강의를 살펴보겠습니다. 이제 해외로 나가 워드프레스 메가 메뉴와 헤더를 만들고 내용을 추가할 차례입니다.

메뉴 만들기

Elementor 메뉴를 만들려면 다음을 수행해야 합니다. 켜다 ElementsKit 시작의 메가 메뉴 옵션 모듈 페이지를 켠 후 다음을 클릭하세요. 변경 사항을 저장하다 단추.

요소 메뉴를 생성하려면 몇 가지 간단한 단계가 필요합니다. 그냥 네 집으로 가 WordPress 대시보드 그런 다음 클릭하세요 메뉴. 그러면 다음과 같은 섹션이 표시됩니다. 메뉴 구조. 그런 다음 귀하의 메뉴명 또는 메뉴 헤더를 클릭하고 메뉴 생성.

이제 확장하세요 맞춤 링크 그리고 당신의 URL 게다가 링크 텍스트을 클릭한 다음 메뉴에 추가.

📝빠른 메모
동일한 방법을 반복하여 원하는 만큼 메가 메뉴 항목을 추가, 제거 또는 편집할 수 있습니다.

이제 ElementsKit을 통해 Elementor에 메뉴 항목을 추가할 차례입니다. 하지만 그 전에 ✅를 선택해야 합니다. 메가 메뉴 콘텐츠에 대한 메뉴 활성화 섹션, 메뉴 이름 섹션 아래. 

그러면 메가 메뉴 태그가 표시됩니다. 링크 텍스트. 다음을 클릭한 후 메가 메뉴 태그를 추가하면 팝업이 열립니다.

메가 메뉴 옵션을 활성화하려면 활성화를 클릭해야 합니다. 메가 메뉴 콘텐츠 편집 버튼을 누르고 저장하세요. 모든 준비가 완료되었습니다. 

🧐 Elementor 메뉴에 대한 추가 정보
저희 블로그를 방문하는 것을 잊지 마세요. Elementor 및 ElementsKit을 사용하여 메가 메뉴를 만드는 방법

메뉴 가져오기(수직 메가 메뉴)

세로 메뉴를 만들려면 먼저 다음을 수행해야 합니다. 켜다 그만큼 수직 메뉴 위젯. 그런 다음 클릭하세요. 변경 사항을 저장하다.

그런 다음 클릭하세요. 템플릿 대시보드 왼쪽에 있습니다. 그냥 클릭하신 후 템플릿 가져오기.

이제 선택해야 합니다. 파일을 선택 당신의 장치에서. 그럼 그냥 클릭하세요 지금 가져오기. 가져온 모든 데이터를 한 번에 볼 수 있습니다.

또한 데이터로 수직 메뉴를 만들려면 다음으로 이동해야 합니다. 모습 그런 다음 클릭하세요 메뉴. 위에서 메뉴를 생성할 수도 있습니다. 자세한 내용은 세로 메뉴의 설명서 사이트를 방문하세요.

메뉴 사용자 정의 

이제 콘텐츠를 맞춤설정할 차례입니다. 그러려면 메가 메뉴 콘텐츠 편집 단추. 버튼을 클릭하자마자 Elementor 메뉴 스타일 화면이 팝업되는 것을 볼 수 있습니다. 

당신이 해야 할 일은 ElementsKit 아이콘 그리고 어느 것을 선택하세요 미리 정의된 헤더 귀하의 웹사이트에 삽입하고 싶습니다. 

클릭 후 바로 ElementsKit 위젯 버튼, 그러면 위젯 라이브러리로 이동됩니다. 여기에서는 미리 만들어진 수많은 페이지, 템플릿 및 섹션을 얻을 수 있습니다. 하지만 메가 메뉴 섹션을 생성하려면 섹션

Elementor에서 메뉴 항목을 생성하고 사용자 정의합니다. 메가 메뉴 항목 레이아웃을 선택하고 마음껏 사용자 정의를 시작해야 합니다!

여기에서 찾을 수 있습니다 3개 부품 (레이아웃, 스타일 및 고급) ElementsKit을 통해 Elementor 메뉴를 사용자 정의하는 방법:

공들여 나열한 것:
이 섹션에서는 다음을 볼 수 있습니다. 여러 옵션 Elementor 메뉴 레이아웃 및 구조를 편집합니다. 메가 메뉴 표시 방법을 완전히 제어할 수 있습니다.

이제 ElementsKit 메가 메뉴 위젯을 사용하여 콘텐츠 너비, 전체 화면 메뉴로 만들거나 원하는 크기로 맞춤 설정할 수 있습니다. 오른쪽 또는 왼쪽으로 밀어서. 기둥 간격 메가 메뉴 사이에서 원하는 방식으로 사용자 정의할 수도 있습니다.

ElementsKit Elementor 메뉴를 사용하면 메뉴 항목의 높이를 편집할 수 있습니다. 또한 편집할 수 있는 여러 옵션도 있습니다. 수직 정렬, 과다, HTML 태그 그것은 귀하의 요구에 따라 변경될 수 있습니다.

스타일:
ElementsKit 메가 메뉴 스타일 옵션을 사용하면 전체 메뉴 모양을 변경할 수 있습니다. 보다 구체적으로 변경하거나 편집할 수 있습니다. 배경, 배경 오버레이, 국경, 모양 구분선, 그리고 물론 타이포그래피.

ElementsKit의 Elementor 메가 메뉴 위젯은 생명의 은인입니다. 여기에는 메뉴 항목을 최대한 활용하는 데 도움이 되는 다양한 메뉴 스타일 요소가 있습니다. 

고급의:
WordPress 메뉴에 대한 메뉴 스타일 고급 옵션은 여러분이 항상 찾고 있던 것입니다. 예, ElementsKit Elementor 메가 메뉴 옵션은 전체 고급 섹션에 액세스하고 편집하는 데도 도움이 됩니다. 

완전히 새로운 메뉴 레이아웃을 만들 수 있습니다. ElementsKit에는 더 발전된 대안 더하는 것 처럼 효과, 어려운, 모션 효과, 호버링 편집 경험을 더욱 향상시키고 메가 메뉴를 더욱 스마트하게 만들어 줄 사용자 정의 등 다양한 기능이 있습니다. 

Elementor의 탐색 메뉴 설정

마지막이자 가장 중요한 부분은 Elementor 웹사이트에 헤더를 생성하는 데 필요한 메가 메뉴를 동기화하는 것입니다. 

이제 Elementor 사용자 정의 헤더 템플릿을 생성하는 방법을 보여 드리겠습니다. ElementsKit 탐색 메뉴 위젯에 대한 또 다른 좋은 소식이 있습니다. 사전 구축된 WordPress 메뉴 레이아웃 옵션을 클릭하기만 하면 탐색 메뉴 레이아웃을 만들 수 있다는 것입니다. 

시작하자! 

우선, 당신은에 가야합니다 ElementsKit WordPress 대시보드에서 머리글 바닥글, 귀하의 웹사이트에서 탐색 메뉴 위젯을 활성화합니다. 

그런 다음 클릭하세요. 새로운 걸 더하다 템플릿 바로 다음에 언급되었습니다. 

다음을 클릭한 후 새로운 걸 더하다 버튼 A 템플릿 설정 웹사이트에 메가 메뉴를 통합하는 마지막 부분인 팝업이 나타납니다.

여기 이 섹션에서는 탐색 메뉴에 헤더 제목. 다음을 변경할 수도 있습니다. 헤더의 조건 활성화를 클릭하세요(메가 메뉴 항목에 대한 준비가 되어 있고 만족스러운 경우).

마지막 부분에서 요소로 편집 버튼 바로 앞에 변경 사항을 저장하다 단추. 

이제 ElementsKit의 탐색 메뉴 위젯을 통해 메가 메뉴를 추가하는 두 가지 방법을 보여 드리겠습니다.

방법 1: 

웹 사이트에 탐색 메뉴 위젯을 추가하려면 해당 위젯을 클릭한 후 수행할 수 있는 첫 번째 방법 요소로 편집 버튼을 클릭하면 ElementsKit을 클릭하기만 하면 됩니다. 위젯 아이콘 그럼 가세요 섹션 그리고 헤더 스타일 당신이 선호하는 것. 

그 후에는 귀하의 머리글 WordPress 대시보드에서 추가한 제목이 선택 항목에 표시됩니다. 메뉴 섹션. 헤더 제목을 클릭하기만 하면 모든 메가 메뉴 항목이 표시되는 것을 볼 수 있습니다.

방법 2:

다음을 통해 탐색 메뉴 위젯을 삽입할 수도 있습니다. 드래그 앤 드롭 옵션 또한 주변에 다양한 요소(예: 이미지, 비디오, 기타 섹션 등)를 추가합니다.

여러분이 해야 할 일은 섹션 유형을 선택하는 것뿐입니다(이 예에서는 세 개의 섹션을 선택했습니다). Elementor 대시보드에 추가하고 싶은 위젯을 검색하세요.

이 예에서는 이미지, 탐색 메뉴 및 비디오를 드래그했습니다. 원하는 만큼 섹션과 위젯을 추가할 수 있습니다. 

그런 다음 다시 동일한 방법을 사용하여 활성화할 수 있습니다. 탐색 메뉴: 에 메뉴 선택 섹션에는 WordPress 대시보드에서 추가한 헤더 제목이 표시됩니다. 그리고 헤더 제목을 클릭하기만 하면 모든 메가 메뉴 항목이 삽입되는 것을 볼 수 있습니다. 

이제 탐색 메뉴 위젯을 사용하는 것이 매우 간단하며 모든 설정이 완료되었음을 알았습니다. ElementsKit에서도 캔버스 외부 메뉴를 만들 수도 있다는 점을 명심하세요. 

🛠 추가 정보
에 대해 더 알고 싶으시면 ElementsKit의 캔버스 외부 메뉴, 다음에서 최신 동영상을 확인하는 것을 잊지 마세요. ElementsKit을 사용하여 캔버스 외부 메뉴 만들기

마지막 생각들

메가 메뉴는 웹사이트 탐색을 개선하기 위한 훌륭한 도구입니다. 그들은 당신을 허용합니다 사용자가 보다 쉽게 사용할 수 있도록 수많은 카테고리와 상품을 정리하기 위해 귀하의 콘텐츠를 탐색합니다.

Elementor용 ElementsKit 추가 기능을 사용하여 메가 메뉴를 생성하면 항상 무료로 최고의 지원을 제공할 수 있습니다. 직접 추가하는 경우 ElementsKit 애드온에 내장된 Nav Mega Menu 옵션을 사용하는 것이 좋습니다.

ElementsKit은 간단하고 설정 및 조정에 시간이 거의 걸리지 않으며 사용도 간단합니다. 하지만 이 기사가 메가 메뉴의 전체 측면에 대한 개요를 제공하는 데 도움이 되었기를 바랍니다.

Mega Menu, Nav Menu 또는 해당 기능에 대해 문의사항이 있으면 아래에 의견을 남겨주세요.

이 기사가 마음에 드셨다면 당사에 가입하시면 더욱 유용한 팁과 블로그를 찾으실 수 있을 것입니다. WPmet 커뮤니티 우리를 따라 오세요 페이스북/트위터. 마지막으로, 저희 채널을 구독하는 것을 잊지 마세요. 유튜브 유용한 튜토리얼을 위해.