Elementor에서 한 페이지 탐색 메뉴를 만드는 방법

에서 한 페이지 탐색 메뉴를 만드는 방법을 알고 싶으십니까? Elementor ?

한 페이지(홈 페이지)만 있는 웹사이트가 있습니다. 탐색 메뉴 항목을 클릭해도 다른 페이지가 아닌 동일한 페이지의 다른 섹션으로 이동합니다.

이 유형의 목적 사이트 웹 확인하는 것입니다 방문자 콘텐츠에 집중하세요. 콘텐츠 외에도 콘텐츠의 또 다른 핵심 요소는 사이트 웹 페이지에 대한 탐색 메뉴입니다. ~ 안에 Elementor, 탐색 메뉴를 만드는 것은 매우 쉽습니다. 사이트 웹 한 페이지로.

이 기사에서는 방법을 보여줍니다.

개요를 제공하기 위해 다음은 한 페이지로 된 웹사이트 탐색 메뉴의 예입니다.

앞서 언급했듯이 위와 같은 한 페이지짜리 웹사이트의 네비게이션 메뉴를 만드는 것은 어렵지 않습니다. Elementor.

다음과 같은 일부 추가 기능이 있지만 필수 애드온 et 파워팩, 페이지에서 탐색을 만들기 위한 위젯이 함께 제공되며 추가 기능을 설치하지 않고도 위젯을 만들 수도 있습니다.

주요 아이디어는 메뉴 항목이 페이지의 특정 섹션을 가리키도록 하는 것입니다. 이렇게 하려면 가리키고 싶은 섹션에 CSS ID를 추가해야 합니다.

예를 들어 보겠습니다.

"Classes"라는 메뉴 항목이 있고 방문자 "수업" 메뉴 항목을 클릭할 때마다 한 페이지 웹사이트의 "수업" 섹션으로 이동합니다.

먼저 Elementor로 페이지를 편집하고 "클래스" 섹션을 선택합니다(편의를 위해 브라우저 사용).

수업 섹션이 선택되면 탭으로 이동합니다. 고급 왼쪽 패널에서 블록을 엽니다. 고급. 들어가다CSS ID 필드 섹션의 CSS ID.

메뉴 항목으로 지정하려는 다른 섹션에 대해 위의 단계를 반복합니다.

CSS 식별자 호출

섹션에 추가한 각 CSS ID를 호출하는 링크를 추가하는 옵션이 있는 Elementor 위젯을 사용할 수 있습니다. 링크 필드에 CSS ID를 붙여넣기만 하면 됩니다. "를 추가 # 접두사로.

탐색 메뉴 위젯을 사용하고 싶다면 사용하는 메뉴를 변경할 수 있습니다. 각 메뉴 항목의 URL 필드에 "#"을 접두사로 사용하여 CSS ID를 입력합니다.

여기 ! 그것이 당신에게 방법을 보여주는이 기사에 대한 것입니다 Elementor에서 전체 화면 메뉴 만들기. 가는 방법에 대해 우려 사항이 있는 경우 내부에 알려주십시오. commentaires.

그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.

...