버튼이 있는 카드는 괜찮습니다. 모든 곳에서 클릭 가능한 카드는 방문자가 이미지,제목, 패딩 등 커서 아래에 있는 모든 것을 클릭하기 때문에 더 잘 변환됩니다. Elementor 는 버튼과 제목을 연결하고 컨테이너는 링크 태그로 전환할 수 있지만 섹션,열 및 위젯에는 자체 링크 옵션이 없습니다. The 래퍼 링크 확장 Elementor용 마스터 애드온 하나를 추가합니다: 전체를 클릭 가능하게 만드는 모든 요소에 링크 필드입니다.
이 페이지에서는 설정을 다룹니다. 확장 기능이 수행하는 작업과 Elementor 의 내장 컨테이너 링크와 비교하는 방법에 대한 개요는 다음을 참조하십시오 Elementor 래퍼 링크 확장 페이지.
URL 을 붙여넣고,새 창을 선택하거나 필요한 경우 nofollow 를 수행하면 전체 요소가 클릭 대상이 됩니다. 심지어 Elementor 동적 태그도 허용하므로 링크는 현재 게시물,작성자 페이지 또는 모든 동적 소스를 가리킬 수 있습니다.
Wrapper Link 확장자가 하는 일 #
활성화되면 Elementor 편집기의 요소는 다음을 얻습니다 래퍼 링크 싱글이 있는 섹션 링크 제어. 거기에 무엇을 넣든 전체 요소를 프런트 엔드의 링크로 바꿉니다: 그 안에 있는 단어나 버튼이 아닌 전체 정보 상자,열 또는 섹션.
하나의 링크가 요소를 커버하기 때문에 CSS가 있는 카드 위에 펼쳐진 보이지 않는 버튼이나 HTML 위젯의 손으로 쓴 앵커와 같은 이전 해결 방법을 건너뜁니다.
시작하기 전에 #
- 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
- Elementor용 마스터 애드온 설치 및 활성. 플러그인에 새로운? 따라 설치 가이드 첫번째.
- 래퍼 링크는 무료 확장 프로그램이므로 Pro 라이센스가 필요하지 않습니다.
Wrapper Link 확장을 활성화하는 방법 #
WordPress 대시보드에서 다음으로 이동하세요 마스터 애드온 그리고 열어보세요 확장 탭. 래퍼 링크가 있습니다 동적 위젯 그룹, 사이 도구 설명 그리고 표시 조건. 보라색으로 변하도록 토글을 클릭한 다음 누르세요 변경 사항 저장 상단에 녹색 “설정이 성공적으로 저장되었습니다” 알림을 기다립니다.
요소에 래퍼 링크를 추가합니다 #
Elementor 로 페이지를 열고 클릭 가능하게 만들 요소를 선택하십시오. 비디오 예제에서는 3 열 기능 행의 Info Box 카드입니다. A 래퍼 링크 보라색 MA 배지가 있는 섹션이 이제 패널에 위치하여 하나의 필드를 유지합니다: 링크.
대상 URL 을 붙여넣습니다. 기어 아이콘을 클릭하여 링크 옵션을 엽니다:
- 새 창에서 열기: 새 탭에서 대상을 로드합니다. 외부 링크에 대한 올바른 호출입니다.
- nofollow 추가: 링크가 새 창에서 열리면 리퍼러 데이터를 전달하지 않고 페이지가 열립니다. 래퍼 링크는 스크립트로 클릭을 처리하므로 검색 엔진은 이를 링크로 취급하지 않으며 이 설정은 SEO 효과가 없습니다.
저장하거나 게시하면 전체 카드가 이제 라이브 페이지의 하나의 큰 링크가 됩니다. 다른 카드에 대해 반복하면 각각 고유한 대상이 있습니다.
동적 태그를 링크로 사용합니다 #
링크 필드 옆에 있는 데이터베이스 아이콘이 Elementor 의 를 엽니다 동적 태그. 고정된 URL 대신 래퍼 링크는 콘텐츠에서 대상을 가져올 수 있습니다: 게시물 URL,작성자 페이지,사이트 URL 또는 사용자 정의 필드. 데모에서 카드는 사용합니다 게시물 URL따라서 이 템플릿이 렌더링하는 곳마다 카드는 자체 게시물로 연결됩니다.
그 조합은 테마 빌더 템플릿과 루프 항목에서 중요하며,대상은 게시물마다 변경되어야 합니다. pair it with the 동적 태그 확장 더 많은 소스를 위해.
래퍼 링크가 도움이 되는 곳 #
- 기능 및 서비스 카드. 전체 정보 상자는 제목뿐만 아니라 세부 페이지까지 클릭합니다.
- 템플릿의 블로그 포스트 카드. 래퍼 링크와 게시물 URL 동적 태그는 루프 링크의 모든 카드를 자체 기사로 만듭니다.
- 배너 섹션. 캠페인 페이지를 클릭하는 전체 폭의 프로모션 섹션입니다.
- 팀원 카드. 해당 사람의 아무 곳이나 클릭하여 프로필을 엽니다.
- 로고 그리드. 각 클라이언트 로고 셀은 링크되어 있으며 확인란은 하나도 팔로우하지 않습니다.
비디오 자습서 #
확장 기능 활성화부터 동적 태그가 포함된 카드 연결까지 전체 흐름을 살펴보세요.
자주 묻는 질문 #
Elementor에서 전체 섹션을 클릭할 수 있도록 하려면 어떻게 해야 합니까?
마스터 애드온 확장 탭에서 래퍼 링크 확장을 활성화하고 Elementor 편집기에서 섹션을 선택한 다음 래퍼 링크 필드에 URL 을 붙여 넣습니다. 전체 섹션은 선택 사항인 새 창과 팔로우 없음 설정과 함께 프런트 엔드의 클릭 대상이 됩니다.
래퍼 링크가 새 탭에서 열리거나 nofollow 를 사용할 수 있습니까?
예. 링크 필드의 기어 아이콘을 클릭하고 새 창에서 열기 또는 nofollow 추가를 선택합니다. 래퍼 링크는 스크립트로 클릭을 처리하므로 검색 엔진은 어느 상자를 선택하든 링크로 따르지 않습니다.
Wrapper Link 는 동적 태그와 함께 작동합니까?
예. 링크 필드 옆에 있는 동적 태그 아이콘은 게시물 URL,작성자 URL 또는 사용자 지정 필드와 같은 소스를 허용합니다. 루프 템플릿에서 각 카드는 링크를 하나씩 편집하지 않고 자동으로 자체 게시물에 연결됩니다.
래핑된 요소 내부의 버튼이나 링크는 어떻게 되나요?
자체 버튼을 포함하여 래핑된 요소 내부의 아무 곳이나 클릭하면 래퍼 URL로 이동합니다. 전체 표면이 하나의 대상으로 이동해야 하는 카드에 래퍼 링크를 사용하고 레이아웃에 여러 대상이 필요할 때 대신 개별 버튼을 연결합니다.
Wrapper Link 확장자는 무료인가요?
예. Wrapper Link 는 확장 탭의 동적 위젯 그룹에서 Elementor 용 Master Addons 무료 버전과 함께 제공됩니다. The 가격 페이지 무료 확장 프로그램 외에 Pro 플랜이 추가하는 내용을 나열합니다.
감싸는 #
래퍼 링크 확장은 Elementor 의 가장 오래된 간격 중 하나를 닫습니다: 전체 섹션,열 또는 위젯을 CSS 해킹 없이 클릭할 수 있게 만듭니다. 하나의 필드,두 개의 체크박스,템플릿에 대한 동적 태그 지원 사용 사례 및 Elementor 자체 컨테이너 링크를 나란히 보려면 다음을 방문하십시오 래퍼 링크 확장 페이지. 나머지 부분을 찾아보세요 마스터 애드온 위젯 및 확장 더 많은 편집기 업그레이드를 원하거나 시작 디자인을 선택하세요 템플릿 키트 그리고 링크를 직접 연결하세요.
