탐색 메뉴로 Elementor 하이브리드 헤더를 만드는 방법

게시 됨: 2022-09-08

웹 사이트 사용자로서 Elementor 하이브리드 헤더를 보았고 목적을 위해 반복적으로 사용했을 것입니다. 그렇다면 그 중요성을 잘 알고 계실 것입니다. 그것은 화면의 공간을 절약할 뿐만 아니라 페이지 보기를 보기 좋게 만듭니다.

Elementor 하이브리드 헤더는 사용자가 웹사이트를 쉽게 탐색할 수 있도록 하는 헤더의 중요한 부분입니다. Nav Menu로 Hybrid 헤더를 만드는 과정에 대해 이야기해 보겠습니다.

시작하자!

Elementor 하이브리드 헤더란?

navbar illustration 03 - BdThemes

이제 Hybrid 헤더가 무엇인지 알아봅시다. 메뉴 위로 마우스를 가져가면 메인 헤더인 메뉴 목록이 그 아래에 나타납니다. 다음으로 메인 헤더에서 이러한 메뉴 중 하나에 마우스를 가져가면 메뉴 목록과 함께 하위 메뉴가 나타납니다. 이것을 하이브리드 헤더라고 합니다.

더 적은 공간을 사용하여 더 많은 메뉴 항목 표시

Elementor 하이브리드 헤더에 대해 배웠듯이 이제 메뉴를 볼 공간을 덜 차지한다는 사실을 알게 되었습니다. 전 세계의 수많은 사용자에게 화면을 깔끔하고 깨끗하게 보이게 합니다.

따라서 방문자에게 더 많은 메뉴 항목을 표시하기 위해 더 적은 공간을 사용하기 위해 하이브리드 헤더의 도움을 받는 것이 더 나은 옵션입니다. 웹사이트에서 사용할 때 정말 유용하다는 것을 알게 될 것이며 방문자는 매우 좋아할 것입니다.

한 곳에서 모든 것을 쉽게 탐색

여기에 환상적인 것이 있습니다! Elementor 하이브리드 헤더를 사용하여 한 곳에서 모든 것을 탐색하여 쉽게 탐색할 수 있습니다. 메인 메뉴에는 하위 메뉴와 함께 하이브리드 헤더가 포함되어 있어 집과 같은 편안함을 느낄 수 있습니다. 그것은 놀라운 일이며 경험은 훌륭합니다! 이 옵션을 선택하면 유용합니다.

컴팩트 헤더 설계 가능성

위에서 설명한 것처럼 컴팩트한 헤더 디자인에는 많은 가능성이 있다고 말할 수 있습니다. 컴팩트 헤더 설계에는 다음과 같은 가능성이 포함됩니다.

  • 우리는 사용자가 쉽게 느낄 수 있도록 보장할 수 있습니다.
  • 디자인은 어디든지 쉽게 갈 것입니다.
  • 방문자가 잘못 인도되지 않습니다.
  • 화면에 약간의 공간을 차지합니다.
  • 메뉴에 대한 모든 옵션이 여기에 포함됩니다.
  • 더 많은 트래픽을 유도할 수 있습니다.

단 하나의 위젯으로 Elementor에서 하이브리드 헤더 만들기

이제 하이브리드 헤더가 무엇이며 그 중요성을 알게 되었습니다. 이제 Elementor에서 하이브리드 헤더를 만들 것입니다. 여기서는 Element Pack Pro에서 제공하는 NavBar라는 위젯을 사용합니다. 그러나 먼저 NavBar가 무엇이며 그 예를 살펴보겠습니다.

NavBar 소개

navbar illustration 01 - BdThemes

위에서 언급했듯이 NavBar는 Element Pack Pro에서 제공하는 위젯으로, 웹사이트나 페이지를 탐색 및 검색하고 작업을 완료할 수 있는 메뉴의 루트를 만드는 데 도움이 됩니다.

Navbar 헤더의 몇 가지 예

다음은 아래 NavBar 헤더의 몇 가지 예입니다.

navbar illustration 02 - BdThemes

나만의 하이브리드 헤더를 단계별로 생성

다음 단계에 따라 하이브리드 헤더 만들기를 시작해 보겠습니다.

1단계: 메뉴 옵션으로 이동

create hybrid header with Nav menu

먼저 메뉴 표시줄로 이동한 다음 모양으로 이동한 다음 메뉴로 이동합니다. 그런 다음 드롭다운 목록에서 다단계 메뉴를 선택합니다.

2단계: 하이브리드 헤더 사용자 지정

Part 02 GIF - BdThemes

그런 다음 사용자 지정 링크로 이동하여 URL과 링크 텍스트를 입력한 다음 메뉴에 추가 버튼을 클릭합니다. 그런 다음 새 메뉴를 주 메뉴로 드래그하십시오.

3단계: 화면에서 효과 보기

view the hybrid menu

이제 Elementor 위젯 메뉴로 이동한 다음 텍스트 영역에 NavBar 위젯을 끌어다 놓습니다. 그런 다음 이미지 편집으로 이동한 다음 콘텐츠 탭 아래의 드롭다운 목록에서 다단계 메뉴를 선택합니다. 다음으로 그림과 같이 하이브리드 메뉴를 참조하십시오.

자세한 내용은 튜토리얼 비디오를 시청하십시오.

Element Pack Pro 내에서 Navbar와 같은 더 많은 놀라운 위젯 찾기

탐색 메뉴를 사용하여 Elementor 하이브리드 헤더를 만드는 프로세스에 대해 논의했습니다. Element Pack Pro에는 NavBar와 같은 다른 놀라운 위젯이 있습니다. 이러한 위젯을 찾아 웹사이트에 구현하십시오.

이것이 NavBar와 같은 다른 위젯을 사용하는 데 많은 도움이 되기를 바랍니다. 이 기사를 읽어 주셔서 감사합니다. 좋은 하루 되세요.