Elementor의 섹션에 앵커 링크를 추가하는 방법

Rifat Oct 5, 2022

방문 페이지에 앵커 링크를 포함하는 가장 간단한 방법을 찾고 있습니까? 실제로 실행 가능한 답변에 매우 가깝습니다.

Elementor 와 같은 드래그 앤 드롭 페이지 빌더를 사용하면 웹 페이지를 보다 스마트하고 유연하게 만들 수 있습니다. 이 때문에 Elementor는 앵커 태그를 만들 때 유사한 WordPress 플러그인보다 훨씬 유용합니다.

버튼이나 링크를 클릭한 후 페이지의 특정 영역으로 스크롤할 수 있도록 이 기사에서는 Elementor 에서 앵커 링크를 설정하는 방법을 보여줍니다. 결과적으로 귀하의 웹 페이지는 전환 및 사용자 친화적이 될 것입니다. 계속 읽으십시오.

웹 페이지에 앵커 링크를 사용하는 이유

선박에 닻이 필요한 이유? 선박이 특정 수역에 뜨는 능력을 돕습니다. 버리지 않도록 하십시오. 결과적으로 앵커 주위에 걸쇠의 경계 내에서 자유롭게 호를 만들 수 있습니다.

놀라운 웹사이트 만들기

최고의 무료 페이지 빌더 Elementor와 함께

지금 시작

앵커 링크에서도 동일한 문제가 발생합니다. 방문자가 앵커 태그를 클릭하면 방문 페이지의 지정된 영역으로 이동합니다. 다른 페이지나 섹션으로 이동하지 않습니다.

앵커가 있는 링크가 필요합니다. 방문자는 앵커 태그를 클릭하여 웹사이트의 특정 영역으로 빠르게 이동할 수 있습니다. 또한 방문자가 원하는 조치를 취하도록 동기를 부여할 수 있습니다. 또한 동기화 상태를 유지하는 데 도움이 됩니다.

Elementor에 앵커를 추가하는 방법

웹사이트에 이미 Elementor 를 설치하셨기를 바랍니다. 이제 프로세스를 더 진행해 보겠습니다.

편집기에서 페이지 선택

WordPress 웹사이트에 로그인합니다. 앵커 링크를 배치할 페이지를 방문하십시오. 상단 메뉴 표시줄에서 "Elementor로 편집"으로 이동합니다. Elementor 편집기를 사용하여 웹사이트를 사용자 정의할 수 있습니다.

메뉴 앵커 검색

Elementor로 페이지를 편집하기로 결정하면 앞서 언급한 페이지로 이동합니다. 편집기는 Elementor입니다. 왼쪽 사이드바에 "anchor"만 입력하세요. 그 결과 메뉴 앵커 위젯을 찾을 수 있습니다. 이를 사용하여 원하는 앵커 연결을 구성할 수 있습니다.

앵커 링크 추가

페이지의 특정 세그먼트에 앵커 태그를 추가하려면 메뉴 앵커를 끌어다 놓기만 하면 됩니다.

예를 들어 가격 섹션에 앵커를 둘 수 있습니다. 이것이 당신이 해야 할 일입니다.

아래로 스크롤하여 편집기에서 페이지의 가격 영역으로 이동합니다. Menu Anchor 위젯을 가격 위에 끌어 놓습니다.

위젯을 선택한 섹션 위로 드래그한 후 위젯의 콘텐츠 영역에 섹션 이름을 입력해야 합니다.

따라서. 방문자가 가격을 클릭하는 것을 선호하므로 ID 필드에 "가격"을 사용하십시오.

지금 연결하려면 어떤 텍스트 또는 요소를 선택해야 하나요?? 원합니다. 방문자의 경로를 변경하려면 앵커 텍스트, 탭 또는 WordPress 메뉴의 항목을 사용하세요.

이해하기 쉽도록 이 경우 "시작하기" 버튼을 선택했습니다.

페이지로 이동하려면 위로 스크롤하세요. 메뉴에서 "시작하기"를 선택하십시오. 버튼 링크는 채워진 링크에 표시됩니다. 버튼 링크를 제거하고 "#prices"와 같은 해시태그를 포함해야 하는 앵커 링크로 교체하십시오(앵커는 가격 섹션이므로). 지금 " 저장 "을 클릭하십시오.

결과적으로 방문 페이지를 한 번 더 방문하십시오. 앵커 버튼을 선택합니다. 즉시 가격 책정으로 넘어갑니다.

메뉴가 있는 Elemntor에 앵커 추가

이전 방법에 비해 훨씬 간단합니다. 앵커를 WordPress 메뉴에 추가하기 전에 먼저 앵커를 만드십시오.

예를 들어 FAQ 섹션에 앵커를 추가할 수 있습니다. FAQ 페이지로 이동해 보겠습니다. 그 위로 "메뉴 앵커" 위젯을 드래그합니다.

ID 필드에는 "faq"라는 용어가 포함되어야 합니다. 그리고 그것을 지키십시오.

그러면 WordPress 메뉴가 나타납니다. 개인화된 링크를 선택합니다.

URL 필드에 "#faq"를 입력하고 링크 텍스트 이름 필드에 " FAQ "를 입력합니다. 그런 다음 " 메뉴에 추가"를 선택합니다. 마지막으로 " 메뉴 저장 "을 선택합니다.

지금 방문 페이지로 돌아가십시오. 메뉴를 사용하여 FAQ를 선택하십시오. FAQ 섹션으로 바로 이동합니다.

마무리 생각

따라서 Elementor 가 있는 경우 앵커 연결을 설정하는 데 필요한 모든 것입니다. 따라서 몇 가지 중요한 조언을 염두에 두십시오. 간단히 말해서 앵커 링크는 임의로 추가할 수 없습니다. 웹 페이지에 대한 사용자 참여를 높이는 훌륭한 도구입니다. 따라서 가장 중요한 섹션을 결정해야 합니다. 그런 다음 앵커와 함께 사용할 이상적인 앵커 텍스트를 선택합니다. 따라서 CodeWatchers에는 많은 Elementor 자습서 가 있으므로 확인하고 친구들과 공유하십시오.

Divi WordPress Theme