얼마 전 워드프레스에서 플러그인 없이 모달 창을 여는 버튼을 만드는 기능을 여기에 게시했고, 지난달에는 툴팁을 추가하는 또 다른 기능을 게시했습니다. 어제 2.3.0 프로 버전 업데이트에서 생성블록은 이 옵션을 훨씬 더 유연하고 플러그인을 절약할 수 있는 더 많은 가능성을 추가했습니다.
조건이 있는 오버레이 패널('오버레이 패널'이라는 표현이 가장 적합한지 모르겠습니다.)입니다.
GenerateBlocks Pro 2.3의 오버레이 패널을 사용하면 팝업, 슬라이딩 창, 모달 및 비모달 창, 도구 설명, 오프 캔버스 패널, 심지어 메가 메뉴와 같은 대화형 요소에 모든 콘텐츠를 추가할 수 있습니다.
GenerateBlocks와 GeneratePress는 깔끔하고 가볍고 최적화된 코드를 제공하는 것으로 알려져 있지만, 아직 이러한 패널이 추가하는 요소의 양과 깊이를 비교하여 어떤 경우에 이 새로운 도구를 사용하는 것이 더 나은지 아니면 흥미로운 조건부 규칙 옵션을 희생하고 HTML과 CSS만 사용하는 것이 더 나은지 알기 위해 이러한 패널의 DOM에 미치는 영향을 분석하지는 못했습니다.
Generate블록은 12개의 컬렉션에 새 블록을 추가하지 않습니다. 관리자에게는 오버레이 패널과 조건이라는 두 가지 새로운 옵션이 표시됩니다.
첫 번째 모달, 팝업 또는 도구 설명을 만들려면 오버레이 패널을 클릭하면 오른쪽에 해당 구성 옵션이 있습니다.
이제 조건의 구성 옵션을 탐색할 필요 없이 GenerateBlocks 컨테이너(또는 다른 요소) 안에 콘텐츠를 생성하여 해당 기능을 테스트할 수 있습니다.
트리거(표시할 콘텐츠가 있는 항목을 실행하는 동작 또는 상황)를 사용할 수 있습니다:
- 클릭합니다. 버튼, 이미지 또는 링크 등을 클릭할 때 표시되는 콘텐츠가 활성화됩니다.
- 사용자가 요소 위로 마우스를 가져가면 활성화됩니다.
- 클릭 또는 마우스오버. 클릭과 마우스오버를 결합합니다.
- 종료 의도: 사용자가 페이지에서 나가려고 하고 포인터를 브라우저 상단으로 이동하면 표시됩니다.
- 백분율 스크롤: 사용자가 페이지의 지정된 백분율까지 아래로 스크롤한 후 표시합니다.
- 시간 지연: 설정한 시간 후에 표시됩니다.
- 사용자 지정 이벤트는 WooCommerce 카트에 품목이 추가될 때와 같은 특정 작업에 의해 트리거됩니다(예: `wc-blocks_added_to_cart`).
그런 다음 조건을 살펴보고 가능성을 시험해 볼 수 있습니다. 아직 모든 조합을 다 사용해 보지는 못했지만, 제가 사용해 본 것만으로도 매우 유용해 보입니다.
트리거가 좋은 옵션 팔레트를 제공한다면 조건에 따라 가능성이 크게 높아집니다.
조건은 다양한 매개변수를 기반으로 설정할 수 있으므로 세밀하게 제어할 수 있습니다:
- 작성자: 특정 작성자의 콘텐츠에 오버레이를 표시합니다.
- 쿠키: 쿠키의 존재 여부 또는 값에 따라 오버레이를 표시하거나 숨깁니다.
- 날짜 및 시간: 특정 날짜, 시간 또는 반복 이벤트에 대한 오버레이를 예약합니다.
- 디바이스 - 데스크톱, 태블릿 또는 모바일 디바이스를 기준으로 오버레이를 표시하거나 숨깁니다.
- 언어: 페이지의 언어에 따라 사용자를 세분화합니다.
- 위치: 특정 페이지, 글 또는 파일에 오버레이를 표시합니다. 위치는 전체 사이트 또는 404 페이지 또는 하위 페이지의 세부 수준까지 구성할 수도 있습니다.
- 사용자 정의글 필드를 사용하여 오버레이를 트리거할 수 있습니다(예: 특정 메타값이 있는 글에 오버레이 표시).
- 쿼리 매개변수 - 특정 쿼리 문자열(예: `?utm_source=뉴스 레터`)이 포함된 타겟 URL입니다. 광고를 실행하고 특정 캠페인에 대한 특정 쿼리 매개변수를 기반으로 오퍼만 표시하려는 경우 매우 유용합니다.
- 리퍼러: 특정 도메인 또는 URL에서 오는 방문자를 타겟팅합니다.
- 사이트 옵션 - 조건에 맞는 워드프레스 사이트 설정을 조정합니다.
- 사용자 메타데이터, 사용자 프로필 데이터에 따른 개인화.
- 사용자 역할: 등록된 사용자, 관리자, 구독자 또는 게스트에게 콘텐츠를 표시합니다.
나머지 옵션 목록은 이 게시물 또는 이 가이드에서 패널에 대한 자세한 내용과 이 가이드에서 문서, 예제, 팁 및 스크린샷이 포함된 조건에 대한 자세한 내용을 확인할 수 있습니다.
시작 방법을 그래픽으로 설명해 주는 사람이 필요하다면 관리자 바의 카일이 이미 이 동영상에서 설명해 주었습니다.
지원 포럼에서 모든 질문에 대해 매우 유용한 답변을 제공하는 매우 훌륭한 고객 서비스를 제공하지만, GenerateBlocks의 다양한 가능성을 사용하기 위한 학습 곡선은 여전히 약간 가파르다고 생각합니다. 초보자나 엘리멘터와 같은 빌더에 익숙한 사용자에게는 더욱 그렇습니다. 그럼에도 불구하고 저는 어떤 빌더나 블록 수집을 위해 GB를 바꾸지 않을 것입니다. 왜냐하면 그 발전 속도가 느리긴 하지만 제 생각에는 옳은 것 같기 때문입니다.
