단일 페이지 탐색을 활성화하는 것은 쉽고 개별적으로 수행할 수 있습니다. 페이지를 만들거나 편집할 때마다 "설정" 상자를 찾으세요. Divi 텍스트 편집기의 오른쪽에 있습니다. 이 상자에는 옵션이 표시됩니다. 네비게이션 포인트들. 드롭 다운 메뉴에서 "켜기"를 선택한 다음 페이지를 저장합니다. 이제 페이지 오른쪽에 플로팅 내비게이션 바가 추가되었음을 알 수 있습니다.

점 탐색 모음은 페이지의 모든 섹션에 클릭 가능한 링크를 자동으로 추가합니다. 새 섹션을 추가하면 새 링크 (또는 포인트)가 플로팅 사이드 탐색에 자동으로 추가됩니다.

사용자는 점을 클릭하여 페이지의 다른 섹션으로 이동할 수 있습니다. 이를 통해 위치를 더 쉽게 식별할 수도 있습니다. 방문객 긴 페이지를 더 쉽게 이해하고 탐색할 수 있도록 합니다.

도트 네비게이션 divi.png

한 페이지 웹 사이트를위한 사용자 정의 메뉴 링크 만들기

측면 탐색 외에도 기본 헤더 탐색을 한 페이지 탐색으로 전환할 수도 있습니다. 생성하면 사이트 웹 페이지의 메뉴 링크가 별도의 페이지를 가리키는 것을 원하지 않습니다. 대신 이러한 링크는 동일한 페이지의 관련 섹션을 가리킬 수 있습니다.

클릭하면 부드러운 스크롤 효과를 사용하여 페이지의 해당 섹션으로 이동할 수 있습니다. 이는 개인화 된 식별자를 사용하여 수행 할 수 있습니다. 생성기로 작성된 페이지의 모든 요소에 ID를 할당 할 수 있습니다.

섹션 설정 아이콘을 클릭하고 "CSS ID"설정을 찾아 섹션에 ID를 할당 할 수 있습니다. 식별자가 할당되면 탐색 메뉴에서 액세스 할 수 있습니다.

예를 들어, "회사 정보"라는 섹션이 있고 비즈니스를 설명하는 페이지 부분에 연결하려고한다고 가정하십시오.

about us divi.png

메뉴 링크를 식별자로 가리 키기

사용자 지정 메뉴 링크를 만들려면 WordPress 대시 보드의 "모양> 메뉴"탭을 사용하여 메뉴에 새 링크를 추가해야합니다. 메뉴 시스템에 익숙하지 않은 경우 이 멋진 튜토리얼. 새 메뉴를 만들고 기본 탐색 위치에 할당했으면 헤더에 링크를 추가할 수 있습니다.

이 경우 페이지 왼쪽에있는 "링크"탭을 클릭하여 사용자 지정 링크를 생성합니다. 클릭하면 두 개의 필드 (URL 및 링크 텍스트)가 표시됩니다. "링크 텍스트"의 경우 메뉴에 표시 할 텍스트 (예 : "회사 소개")를 입력하면됩니다.

URL의 경우 이전에 섹션에 할당 한 ID에 연결해야합니다. 이 경우 "회사 소개"사용자 이름을 추가했지만 원하는 ID 이름을 추가 할 수 있습니다. ID "aproposdenous"를 사용했기 때문에 "/ #aboutdenous"를 가리키는 URL을 만들어이 식별자에 연결할 수 있습니다.

이 동일한 방법을 사용하여 원하는만큼 많은 사용자 지정 링크를 만들 수 있습니다. URL "/ #"다음에 타겟팅하려는 ID를 입력하면됩니다.

about us divi menu.png

이것으로 "단일 페이지"사이트를 만들 수 있기를 바랍니다.