WordPress에서 게시물 태그당 하나의 팝업을 생성하고 표시하시겠습니까? 그러니 이 글을 계속 읽으세요.
웹 사이트를 탐색할 때 나타나는 작은 창에 이미 익숙하실 것입니다. 음, 팝업 또는 팝업이라고합니다. 팝업은 웹 사이트에서 다양한 크기와 화면 위치로 나타날 수 있습니다.
WordPress에는 Elementor Pro, JetPopup, Brizy Pro 등과 같은 팝업 생성을 위한 많은 플러그인이 있습니다.
기억해야 할 중요한 점은 팝업이 웹사이트 방문자를 짜증나게 해서는 안 된다는 것입니다. 따라서 최대한 간단하고 매력적인 팝업을 만드세요.
목차
팝업을 생성하는 일부 WordPress 플러그인
Elementor 프로
Elementor Pro는 수백 가지 프리미엄 기능을 갖춘 Elementor 확장입니다. 워크플로우와 디자인을 가속화하는 강력한 전문 도구를 제공합니다. Elementor Pro를 사용하면 웹사이트의 레이아웃과 디자인을 완벽하게 제어할 수 있습니다. 이 경우 팝업 디자인을 자유롭게 사용자 정의할 수 있습니다.
용도 Elementor 프로 게시물 태그로 팝업을 생성하는 것은 매우 간단하고 사용하기 쉽습니다. 매우 정확한 방식으로 팝업의 표시 조건을 쉽게 정의할 수 있습니다.
JetPopup
Crocoblock의 JetPopup은 Elementor. 독립 실행형 플러그인으로 구입하거나 다른 Crocoblock 플러그인과 함께 번들로 구입할 수 있습니다. JetPopup을 사용하여 팝업 창을 만들면 멋진 기능이 많이 제공된다는 장점이 있습니다.
- 팝업 창 트리거를 가지고 놀 수 있습니다.
- 팝업 창에 대한 애니메이션을 만들 수 있습니다.
- 많은 수의 팝업 템플릿을 사용할 수 있습니다.
읽기 : Elementor를 위한 22가지 최고의 프리미엄 애드온
브리지 프로
의 팝업 빌더 브리지 프로 두 가지 옵션을 제공합니다. 첫 번째는 클릭 활성화 팝업이고 두 번째는 자동 트리거 및 조건입니다.
- 클릭 시 열기: 페이지의 요소를 클릭하기만 하면 팝업이 트리거될 수 있습니다.
- 자동 트리거 및 조건: 팝업이 표시되는 시기를 결정할 방문자 작업을 구성할 수 있습니다.
Elementor를 사용하여 WordPress에서 게시물 태그로 팝업을 만들고 표시하는 방법
앞에서 언급했듯이 WordPress에서 팝업을 만드는 데는 몇 가지 옵션이 있습니다. 이 튜토리얼에서는 버전을 사용하여 게시물 태그별로 팝업을 만들고 표시하는 방법을 보여줍니다. Elementor 프로, 이미 갖고 있는지 확인하세요.
1단계: 팝업 템플릿 만들기
가장 먼저 할 일은 새 팝업 템플릿을 만드는 것입니다. 새 팝업 템플릿을 만들려면 다음으로 이동하십시오. 템플릿 > 팝업 WordPress 대시보드에서 버튼을 클릭합니다. 새로운 걸 더하다.
다음으로 팝업 이름을 추가하고 버튼을 클릭하십시오. 모델을 만드십시오.
템플릿 라이브러리로 이동합니다. 라이브러리 창에서 템플릿을 선택하거나 나만의 팝업 템플릿을 디자인할 수 있습니다. 라이브러리에서 템플릿을 사용하려면 버튼을 클릭하기만 하면 됩니다. 삽입.
하지만 이 튜토리얼에서는 Popup 템플릿을 처음부터 새로 만들 것입니다. 아이콘을 클릭하십시오 X 템플릿 라이브러리를 닫습니다.
2단계: 팝업 설정 조정
팝업 템플릿 생성을 시작하기 전에 팝업 설정에서 일부 조정이 필요합니다. 사이트에 가장 적합한 설정을 찾을 수 있습니다. 이 자습서에서는 선택한 팝업 설정을 보여줍니다.
왼쪽 하단 모서리에 있는 톱니바퀴 아이콘을 클릭합니다. 팝업 설정에서 폭 보기 너비의 90%(VW) 장군님 위치 en 중앙 바닥.
3단계: 팝업 디자인
다음으로 Popup 템플릿을 디자인합니다. 새 섹션을 추가하고 5열 구조를 선택합니다. 섹션 설정에서 폭 950에서. 설정으로 플레이할 수 있습니다.
예를 들어 탭으로 이동할 수 있습니다. 스타일 배경을 설정하려면 탭으로 이동하십시오. 고급 여백 등을 사용자 지정합니다.
이제 칼럼으로 돌아갑니다. 왼쪽 열에서 너비를 33%로 설정하고 나머지 16개는 XNUMX%로 설정합니다.
왼쪽 열에 텍스트가 있는 제목 위젯을 추가합니다. 현재 콘텐츠와 관련된 다른 콘텐츠를 보도록 웹사이트 방문자를 초대하는 텍스트 또는 선택한 다른 텍스트를 추가할 수 있습니다.
오른쪽에 이미지 위젯을 추가합니다. 게시물의 썸네일/추천 이미지에서 이미지를 추가하거나 수동으로 업로드할 수 있습니다.
이제 구조가 준비되었습니다. 돌아가기 팝업 설정 시작, 종료 및 여백 애니메이션을 사용자 지정합니다. 이 자습서에서는 입력을 다음으로 설정합니다. 페이드 다운 그리고 출력 페이드 업. 그런 다음 탭으로 이동 고급 여백을 30(링크의 공통 값)으로 설정합니다.
4단계: 팝업 게시
이제 디자인이 준비되었으므로 버튼을 클릭합니다. 게시 표시 조건 및 트리거를 설정합니다. 표시 조건을 정의하려면 버튼을 클릭합니다. 조건 추가 드롭다운 목록에서 옵션을 선택합니다.
게시물 태그로 Popup을 표시하고 싶으면 다음과 같은 표시 조건을 설정할 수 있습니다(동영상 참조).
다음을 클릭합니다. 탭에서 트리거, 트리거를 다음으로 설정 스크롤 중 스위치를 켜다 예. 정의 방향 에 낮은 그리고 폭 95% 이상. 방문자가 기사의 끝에 도달하면 팝업이 나타나기를 원하기 때문입니다.
이 자습서에서는 정의하지 않습니다. 고급 규칙. 그래서 클릭 저장하고 닫습니다. 자, 이제 끝났습니다.
어떻게 생겼는지 봅시다.
여기서 팝업을 완료했습니다. 관련 기사도 참조하십시오.
