Elementor 조건부 표시: 아무 요소나 표시하거나 숨깁니다

한 요소가 표시되고 한 요소가 숨겨져 있는 로그인 상태 조건을 표시하는 Elementor 조건부 디스플레이입니다

매장이 오후 6 시에 문을 닫고 “지금 주문하기” 버튼을 몇 시간 후에 “우리는 문을 닫았습니다,오전 9 시에 다시” 공지로 바꾸기를 원한다고 말하십시오. 또는 가격표에는 로그 아웃 된 방문자에게 한 페이지를 표시하고 회원에게 두 페이지를 만들고 손으로 교환 할 수 있습니다. 아무도 하루에 두 번 그렇게하고 싶지 않습니다.

Elementor 조건부 디스플레이는 그것을 수정합니다: 같은 페이지에 두 버전을 빌드 한 다음 누가 언제 볼지를 결정하는 규칙을 각각 첨부하십시오. The 표시 조건 확장 master Addons에서는 이를 모든 Elementor 요소에 무료로 추가하며 코드는 없습니다.

아래: 모든 조건 유형, AND/OR 논리가 실제로 작동하는 방식, 조용히 사람들을 물어뜯는 설정(HTML 출력), 이 접근 방식이 부족한 부분.

조건부 디스플레이가 실제로 수행하는 작업

컨테이너든 위젯이든 열이든 모든 Elementor 요소는 다음을 선택합니다 표시 조건 그것의 패널 고급 탭. 그것을 켜고 규칙을 첨부 할 수 있습니다. 방문자가 통과,그들은 요소를 볼 수 있습니다. 방문자가 실패,그것은 사라.

각 규칙은 세 부분으로 된 문장처럼 읽습니다: 무엇을 확인할 것인가,연산자 (Is or Is not), 값. “로그인 상태 이다 로그인했습니다.” “브라우저 그렇지 않습니다 사파리.” 전체 모델입니다. 아래의 모든 것은 변형입니다.

먼저 확장 기능을 켜십시오

디스플레이 조건 마스터 애드온과 함께 제공되지만 기본적으로 활성화되어 있지 않습니다. 바로가기 마스터 애드온 > 설정 > 확장을, 동적 위젯 그룹 아래에서 찾아서, 토글하고, 저장합니다.

건너뛰면 표시 조건 패널이 고급 탭에 나타나지 않습니다. 이는 우리가 받는 가장 일반적인 “작동하지 않습니다” 메시지입니다. 아직 플러그인이 없으면 wordpress.org 에서 무료로 마스터 애드온을 설치하세요.

디스플레이 설정: 모든 조건 대 모든 조건

요소에 표시 조건을 활성화하면 다음을 얻습니다 에 표시 두 가지 선택으로 드롭 다운. 잘못된 것을 고르는 것이 규칙이 “작동하지 않는 가장 일반적인 이유입니다.”

모든 조건이 충족되고 모든 조건이 충족된 상태에서 표시 조건 토글, 출력 HTML 토글 및 드롭다운 시 표시를 보여주는 요소 조건부 표시 설정입니다

모든 조건이 충족되었습니다 는 AND 논리이므로 모든 규칙은 통과되어야 합니다. 모든 조건이 충족되었습니다 는 OR 논리이므로 하나의 통과 규칙으로 충분합니다.

이것이 실제로 의미하는 바는 다음과 같습니다. 두 가지 조건을 설정했다고 가정해 보겠습니다: “브라우저는 크롬”과 “사용자 역할은 관리자입니다.”

모든 조건이 충족되었습니다을, 크롬에서 검색하는 일이 관리자 만 요소를 볼 수 있습니다 파이어 폭스에 그 같은 관리자는 아무것도 볼 수 없습니다.

모든 조건이 충족되었습니다, 모든 크롬 방문자가 그것을 보고, 모든 브라우저의 모든 관리자도 마찬가지입니다. 그것은 두 번째 규칙을 추가 할 때 대부분의 사람들이 염두에 두고 있는 것보다 훨씬 더 많은 청중입니다.

따라서 요소가 사람들에게 보여 주면 안되며, 다른 것을 만지기 전에이 드롭 다운을 확인하십시오.

출력 HTML 토글(민감한 내용을 숨기기 전에 이 내용을 읽어보세요)

메인 토글 바로 아래에 앉아 있습니다 출력 HTML그리고 자체 레이블은 그것이 무엇을 하는지 설명합니다: “활성화되면 HTML 코드는 페이지에 존재하지만 위젯은 CSS를 사용하여 숨겨집니다.”

이는 조용한 배치가 시사하는 것보다 훨씬 더 중요합니다.

놔둬 꺼져는 기본값이고,요소는 절대 렌더링되지 않습니다. 페이지 소스에 전혀 없습니다. 조건에 실패한 사람은 view-source 를 할 수 없고 읽을 수 없으며,Google 은 색인을 생성하지 않습니다.

돌려 그리고 그 요소는 HTML 로 렌더링되고,그 다음에는 CSS 로 숨겨집니다. 누구나 dev 도구를 열고,한 줄을 삭제하고,전체를 읽을 수 있습니다.

따라서 실제로 비공개로 유지하려는 모든 항목에 대해 출력 HTML을 끄십시오: 회원 전용 가격, 숨겨진 다운로드 링크, 내부 메모. 설정이 전혀 존재하는 이유는 일부 스크립트가 작동하려면 DOM에 있는 마크업이 필요하기 때문입니다. 이는 페이지 로드의 요소를 측정하는 슬라이더, 탭 시스템 및 카운터를 켜는 경우이며 다른 것은 아닙니다.

우리가 여기있는 동안,무뚝뚝한 버전: 조건부 디스플레이는 액세스 제어 시스템이 아닌 프리젠 테이션 도구입니다. 출력 HTML 을 끄면 일상적인 사용을 위해 완벽하게 견고합니다. 그러나 유료 코스 나 게이트 파일과 같이 잠겨 있어야하는 콘텐츠는 실제 보호 뒤에 속합니다. 그만큼 콘텐츠 위젯 제한 그것을 위해 존재하며 적절한 것입니다 워드프레스 멤버십 설정 는 당신이 돈을 청구하는 모든 것에 대한 올바른 대답입니다.

당신이 사용할 수있는 모든 조건

조건 드롭다운을 열면 4개의 그룹이 나타납니다.

방문자, 날짜 및 시간, 단일 및 아카이브 조건 유형을 나열하는 전체 Elementor 조건부 디스플레이 드롭다운입니다
그룹조건일반적인 사용
방문자로그인 상태, 사용자 역할, 운영 체제, 브라우저회원 가격, 관리자 전용 메모, “Mac 용 다운로드” 버튼
날짜 및 시간날짜 범위, 시간, 요일만료되는 판매, 영업 시간, 주말 혜택
싱글페이지, 게시물, 정적 페이지, 게시물 유형, 게시물에는 용어가 있습니다특정 페이지에서 변경되는 헤더 CTA
아카이브분류 아카이브, 용어 아카이브, 게시물 유형 아카이브, 날짜 아카이브, 저자 아카이브, 검색 결과카테고리별 배너, 빈 검색 결과에 대한 메시지입니다

그들 모두는 짝을 이룹니다 이다 또는 그렇지 않습니다단일 규칙이 수행할 수 있는 작업을 조용히 두 배로 늘립니다.

로그인한 사용자에게만 콘텐츠 표시

요소를 선택하고 엽니다 고급 > 표시 조건를, 스위치를 켜십시오. 기본 조건은 이미 로그인 상태 로 설정 이다즉, 로그인한 방문자는 보고 다른 사람은 보지 않는다는 의미입니다. 아무것도 변경할 필요가 없습니다.

로그인 상태 Is로 설정된 Elementor 표시 조건으로 로그인한 사용자에게만 요소를 표시합니다

이제 로그아웃한 방문자를 위해 반대 버전을 빌드합니다. 두 번째 요소를 선택하고 표시 조건을 활성화한 다음 운영자를 뒤집습니다 그렇지 않습니다.

로그인 상태 Is Not으로 설정된 Elementor 표시 조건으로 로그아웃한 방문자에게만 요소를 표시합니다

그 두 개를 한 페이지에 쌓으면 회원들의 이름을 인사하고 다른 모든 사람들에게 가입을 알리는 헤더가 있으며 동기화 할 중복 페이지가 없습니다.

특정 사용자 역할을 타겟팅합니다

같은 흐름, 다른 조건. 선택 사용자 역할 드롭다운에서 원하는 역할을 선택하세요: 관리자, 편집자, 구독자, 고객, 사이트에 있는 모든 것. WooCommerce 및 멤버십 플러그인은 이 목록에 자신의 역할을 추가합니다.

관리자 등 특정 WordPress 사용자 역할을 대상으로 하는 Elementor 조건부 디스플레이입니다

뒤집어 보세요 관리자가 아닙니다 그리고 관리자를 제외한 모든 사람들이 요소를 봅니다. 그것은 클라이언트가 페이지에서 보는 “이 섹션을 편집하는 방법은 다음과 같습니다.”노트에 편리합니다. 사이트를 열 때마다 볼 필요없이.

한 가지 캐치: 사용자 역할은 로그인한 사람에게만 존재합니다. 로그아웃한 방문자는 역할이 전혀 없으므로 무엇을 설정하든 사용자 역할 규칙은 일치하지 않습니다. 로그아웃한 사람을 캐치해야 하는 경우 이는 로그인 상태 규칙입니다.

날짜, 시간 또는 요일로 콘텐츠를 표시합니다

세 가지 시간 기반 조건으로 목록의 다른 어떤 것보다 더 많은 작업을 저장합니다.

날짜 범위 시작과 종료 날짜가 걸립니다. 10 월에 블랙 프라이데이 배너를 만들고,범위를 설정하고,잊어 버리십시오. 그것은 나타나고 스스로 사라집니다.

하루의 시간 이 기사의 상단에서 열린 대 닫힌 스왑인 시간 창이 필요합니다.

요일 태그로 추가된 하루 이상 소요됩니다.

월요일부터 금요일까지 선택한 요일 조건을 사용하는 요소 조건부 표시입니다

“지금 지원 채팅” 위젯을 위해 월요일부터 금요일까지로 설정하고 “메시지를 남겨주세요” 블록이 주말을 덮도록하십시오. Day of Week 와 Time of Day 를 결합하십시오 모든 조건이 충족되었습니다 그리고 실제 영업시간을 두 가지 규칙으로 설명하셨습니다.

하지만 시계는 조심하세요. 시간 조건은 당신의 것입니다 워드프레스 사이트 timezone (설정 > 일반), 방문자의 것이 아닙니다. 만약 고객에 대한 판매가 자정에 끝나기로 되어 있고, 고객들이 뉴욕에 있는 동안 서버가 UTC에 앉아 있다면, 고객들에게 5 시간 일찍 끝납니다. 비용이 드는 것을 예약하기 전에 그 설정을 확인하십시오.

브라우저 또는 운영 체제별로 콘텐츠를 표시합니다

골라내다 브라우저 또는 운영 체제 그리고 대상 크롬, 파이어 폭스, 사파리, 가장자리, 윈도우, macOS, 리눅스, 등등.

Chrome 또는 macOS 와 같은 특정 브라우저 또는 운영 체제를 대상으로 하는 Elementor 조건부 디스플레이

OS 타겟팅의 실제 용도는 앱 다운로드입니다. 누가 찾고 있든 세 개가 잘못된 네 개의 버튼 행 대신 Mac 방문자에게 Mac 버튼을 표시하고 Windows 방문자에게 Windows 버튼을 표시합니다.

브라우저 타겟팅은 사람들이 예상하는 것보다 좁습니다. 브라우저마다 다른 디자인을 배송하는 것이 아니라 가끔 “이 기능은 Safari 에서 다르게 동작합니다”라는 공지를 위한 것입니다. 섹션이 Chrome 에서만 작동한다면 CSS 를 수정하고 Firefox 방문자에게 숨기지 말고 완료라고 부르십시오.

또한 분명히 말할 가치가 있습니다: 이것은 장치 타겟팅이 아닙니다. Elementor 의 반응 형 컨트롤은 이미 화면 크기 당 요소를 숨기고 있으며,그것은 전화 대 데스크톱에 적합한 도구입니다. 운영 체제는 플랫폼에 관한 것이지 화면의 크기에 관한 것이 아닙니다.

이것이 진정으로 유용해지는 곳

훔칠만한 몇 가지 설정.

하나의 템플릿에서 두 개의 헤더를 실행하세요: in your 테마 빌더 헤더, 로그인 상태에 “로그인” 버튼을 넣으세요 그렇지 않습니다및 로그인 상태의 “내 계정” 버튼 이다. 하나의 헤더,두 관객. 같은 트릭은 에서 작동합니다 바닥글.

판매가 몇 주 전에 예정된 날짜 범위 조건의 프로모션 바로 실행되도록하면 오전 6 시 출시 일 스크램블이 없습니다. 관리자 전용 메모가 사용자 역할로 설정된 페이지에 클라이언트 지침을 남겨 둡니다 이다 관리자님, 이메일에 묻히지 않고 꼭 필요한 곳에 앉아 계세요.

요소에 조건을 붙일 수도 있습니다 내부 a 팝업따라서 단일 팝업은 로그인한 방문자와 로그아웃한 방문자에게 다르게 서비스를 제공하고 분류 아카이브 조건을 사용하여 각 제품 카테고리 아카이브에서 다른 제안을 실행합니다.

더 깊은 개인화를 위해 조건을 페어링하십시오 동적 태그 (ACF 지원) 따라서 규칙에서 살아남은 버전은 정적 텍스트 대신 실시간 데이터를 가져옵니다.

사람을 잡아내는 것들

  • 표시 조건 패널이 없습니다. 확장 프로그램이 활성화되어 있지 않습니다. 마스터 애드온 > 설정 > 확장 프로그램.
  • 요소는 모든 사람에게 보여줍니다. 디스플레이 on 은 “모든 조건이 충족되었습니다.”를 의미했을 때 “모든 조건이 충족되었습니다.”로 설정됩니다
  • 그것은 당신을 위해 작동하지만 방문자를위한 것은 아닙니다. 관리자로 로그인했습니다. 개인 창에서 테스트,매번.
  • 숨겨진 콘텐츠가 페이지 소스에 나타납니다. 출력 HTML 이 켜져 있습니다. 끄기.
  • 시간 규칙은 잘못된 시간에 발생합니다. 방문자 시간대가 아닌 사이트 시간대 설정 > 일반.
  • 변경사항은 라이브 사이트에 표시되지 않습니다. 페이지 캐시는 저장된 복사본을 제공하고 있습니다. 대부분의 캐싱 플러그인은 사용자별로 캐시된 페이지를 변경할 수 없으므로 공격적인 전체 페이지 캐싱과 로그인 기반 조건은 서로 불리하게 작동합니다. 캐시에서 해당 페이지를 제외하거나 지우고 다시 테스트하십시오.

자주 묻는 질문

Elementor 에서 조건부 표시란 무엇입니까?

조건부 디스플레이를 사용하면 방문자가 로그인했는지,사용자 역할,브라우저 또는 요일과 같은 규칙에 따라 Elementor 요소를 표시하거나 숨길 수 있습니다. 여러 버전의 섹션을 보유하는 하나의 페이지를 빌드하면 각 방문자가 해당 섹션에 적용되는 버전만 볼 수 있습니다.

Elementor 에서 조건부 표시를 무료로 사용할 수 있습니까?

예. 표시 조건 확장 프로그램에는 무료 Master Addons 플러그인이 함께 제공됩니다. Master Addons,설정, 확장 프로그램 아래에서 활성화하면 모든 요소의 고급 탭에 표시 조건 패널이 표시됩니다.

숨겨진 콘텐츠는 과연 방문자들에게 숨겨져 있는 것일까?

Output HTML off (기본값) 로,요소는 절대 렌더링되지 않으므로 페이지 소스에 전혀 없습니다. Turn Output HTML on 과 마크업은 로드되지만 CSS 로 숨겨져 있으며,dev 도구에서 누구나 실행 취소할 수 있는 민감한 사항에 대해서는 꺼두세요.

왜 디스플레이 상태가 작동하지 않습니까?

보통 세 가지 중 하나: 드롭다운의 디스플레이는 “모든 조건이 충족됨” 대신 “모든 조건이 충족됨” 으로 설정되어 있거나, 관리자로 로그인한 상태에서 테스트 중이거나, 캐싱 플러그인이 저장된 페이지 복사본을 제공하는 캐시가 지워진 상태로 비공개 창에서 테스트합니다.

시간 기반 조건은 방문자의 시간대를 사용합니까?

아니요. WordPress 사이트 시간대에서 실행되며 설정, 일반에서 설정됩니다. 방문자가 다른 시간대에 앉아 있으면 서버에서 자정에 끝나는 판매가 다른 시간에 끝나므로 사이트 시간대를 의도적으로 설정하십시오.

감싸는

Elementor 조건부 디스플레이는 한 페이지를 필요한 만큼의 버전으로 바꿉니다. 확장 기능을 활성화하고,어느 요소에서든 고급 > 조건 표시를 열고,규칙을 작성합니다: 체크,이것 또는 아닌 것,두 가지 설정이 예상한 대로 동작하는지 결정합니다. 에 표시 제어 및 대 OR, 그리고 출력 HTML 숨겨진 콘텐츠가 실제로 없는지 아니면 그냥 칠해져 있는지 제어합니다.

의 일부이다 무료 마스터 애드온 확장 세트,그러니까 해보기 전에 살 게 없지 나중에 툴킷의 나머지를 원하게 된다면 그게 프로 계획 위한 것입니다.

관련 읽기: Elementor 입구 애니메이션, elementor 에서 끈적한 헤더를 만드는 방법, 그리고 elementor에서 연령 확인을 추가하는 방법.

로이 제미 사진
로이 제미
저는 Pixar Labs 의 콘텐츠 랭글러이자 마케터인 Roy Jemee 로 Elementor 를 위한 마스터 애드온을 작업하고 있습니다. 튜토리얼을 작성하고,비디오를 녹화하고,문서를 최신 상태로 유지하므로 모든 기능을 사용하는 방법을 항상 알고 있습니다. 또한 지원을 처리하므로 걸림돌이 생기면 문제를 해결하는 데 도움을 주는 사람입니다. 매일 이러한 도구를 사용하는 사람이 제공하는 실제 답변.
9 월 세일

40% 모든 것을 벗어

모든 마스터 애드온 프로 계획, 연간 및 평생. 하나의 코드, 팔일.

00
00시간
00
00

9월 14일 월요일, 동부 표준시 기준 23:59에 종료됩니다

  • 개인적인1 사이트 $129$77
  • 비즈니스5 사이트 $199$119
  • 개발자무제한 사이트기관에 가장 $599$359

한번 지불하세요 갱신은 절대 안합니다.

쿠폰 코드 말리페40
지금 40% 할인 받으세요
  • 30,000+ 활성 설치
  • 212개의 리뷰에서 4.5/5
  • 14 일 돈 뒤