팝업을 여는 방법을 알아야 합니다. Elementor 구텐베르크에서?

온라인 커뮤니티에는 항상 논란의 여지가 있는 것이 팝업입니다. 팝업을 사용할지 여부를 궁금해 하는 사람들이 있습니다. 그러나 우리의 의견으로는 팝업이 단순하고 매력적이며 사용자에게 성가시지 않으면 괜찮습니다.

이미 팝업을 생성했다고 가정해 보겠습니다. Elementor WordPress Gutenberg 편집기에서 열고 싶습니다. 블로그 게시물이나 페이지에 팝업을 배포하고 싶기 때문입니다. 이게 가능한지 궁금하시다면? 네, 가능합니다.

이 기사에서는 팝업을 여는 방법을 설명합니다. Elementor 구텐베르크에서.

WordPress Gutenberg Editor에서 Elementor 팝업을 여는 방법

1단계: 팝업 준비

생성한 팝업 템플릿으로 이동합니다. Elementor를 처음 사용하고 팝업을 만드는 방법을 배우려는 경우 다음 자습서를 확인할 수 있습니다. 선취 특권.

자, 팝업 생성이 완료되면 아이템 설정 패널 좌측 하단의 톱니바퀴 아이콘( ️ )을 클릭하여 팝업 패널을 열어주세요. 팝업 설정 패널에서 탭으로 이동합니다. 고급 필드에 선택기를 추가합니다. 선택기로 열기 . 

마침표 기호를 접두사로 추가해야 합니다(예: .팝업12345).

구텐베르크에서 Elementor 팝업 열기

지정된 선택기를 추가했으면 팝업 템플릿을 업데이트하거나 게시하는 것을 잊지 마십시오.

Remarque : 탭에서 표시 조건 당신의 팝업, 제발 팝업을 표시하도록 구성하십시오. 전체 사이트; 이렇게 하면 전체 팝업에 액세스할 수 있습니다. 사이트 웹. 또한 방금 정의한 선택기로 팝업을 표시하기 때문에 트리거를 정의할 필요가 없습니다.

구텐베르크에서 Elementor 팝업 열기

2단계: 구텐베르크에서 팝업 열기

이제 WordPress Gutenberg 편집기에서 팝업을 열 차례입니다.

WordPress의 Gutenberg 편집기로 이동하세요. 새로운 것을 만들 수 있습니다 내용 (페이지/간행물) 또는 내용 기존의. 다음으로, 팝업이 나타나도록 하기 위한 트리거로 사용할 블록을 선택하세요.

이 튜토리얼에서는 Button 블록을 사용합니다.

구텐베르크에서 Elementor 팝업 열기

팝업을 표시하기 위해 트리거로 사용할 블록을 결정했으면 설정으로 이동하십시오. 차단 – > 많은. 그런 다음 귀하의 지정된 CSS 클래스 에 추가 CSS 클래스( es ) 챔피언.

구텐베르크에서 Elementor 팝업 열기

좋은. 그게 다야 작동 방식을 보려면 프로젝트를 게시하고 새 창에서 엽니다.

구텐베르크에서 Elementor 팝업 열기

지금 Elementor Pro를 받으세요!!!

결론

이 기사에서는 WordPress의 Gutenberg 편집기에서 Elementor 팝업을 얼마나 쉽게 열 수 있는지 보여줍니다. 이 기사가 귀하에게 도움이 되기를 바랍니다. 마지막으로, 팝업의 성공 여부는 사용자가 내용 관련성이 높고 설득력 있는 행동 촉구입니다.

가는 방법에 대해 우려 사항이 있는 경우 내부에 알려주십시오. commentaires.

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

그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.

...