Elementor에서 표시 조건을 설정하는 방법

방문자가 다른 조건에 따라 보는 것을 제어하면 웹 사이트를 더욱 역동적이고 매력적으로 만들 수 있습니다. Elementor 용 Master Addons 의 표시 조건 확장 기능을 사용하면 다음을 기반으로 섹션,열 또는 위젯을 표시하거나 숨길 수 있습니다 사용자 역할, 로그인 상태, 날짜, 시간, 장치 유형 등과 같은 요소.

이 기능을 사용하면 콘텐츠를 개인화하고 표시할 수 있습니다 기간 한정 혜택또는 코딩 없이 특정 사용자에 대한 액세스를 제한합니다!

이 가이드에서는 표시 조건 확장 기능을 효과적으로 사용하여 Elementor 웹 사이트를 최적화하는 방법을 살펴보겠습니다.

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 마스터 애드온에 의한 요소 조건부 디스플레이 방문자가 보는 내용을 결정하는 조건을 Elementor 편집기에 생성하는 방법을 제공합니다. 이 확장 기능은 방문자의 행동에 따라 다른 유형의 콘텐츠를 표시하거나 숨기는 데 사용할 수 있습니다.

마스터 애드온에서 표시 조건을 활성화합니다

를 사용하기 전에 elementor의 표시 조건 확장, 마스터 애드온 설정에서 활성화되어 있는지 확인합니다:

1. 당신의 가 워드프레스 대시보드.
2. 로 탐색합니다 마스터 애드온 → 확장.
3. 찾기 표시 조건 그리고 토글하세요 에.
4. 클릭 설정 저장.

Elementor에서 표시 조건을 적용하는 방법

활성화되면 모든 항목에 표시 조건을 적용할 수 있습니다 섹션, 열 또는 위젯 elementor에서:

1. 페이지나 게시물을 열 수 있습니다 엘리멘터 에디터.
2. 조건을 적용하려는 섹션, 열 또는 위젯을 선택합니다.
3. 에서 고급 탭을 누르고 아래로 스크롤하여 다음을 찾으세요 표시 조건 패널.
4. 토글 “디스플레이 조건” 예, 사용 가능한 옵션 중에서 선택하세요.
5. 선호하는 조건을 설정하십시오 (예를 들어, 로그인한 사용자에게만 표시).
6. 클릭 업데이트 변경 사항을 저장하려면To save changes.

표시 조건 규칙

표시 조건을 활성화하면 “가 표시됩니다디스플레이 켜짐” 그리고 “항목 추가” 옵션. 필요한 만큼 조건을 추가하고 “를 선택할 수도 있습니다모든 조건이 충족됩니다” 또는 “모든 조건이 충족됩니다디스플레이 옵션에서 ”.

모든 조건이 충족됩니다: 이 옵션을 선택하면 정의된 모든 조건을 충족하는 방문자에게만 콘텐츠가 표시됩니다. 방문자가 조건 기준을 충족하지 못한 경우 콘텐츠를 확인할 수 없습니다. 

모든 조건이 충족됩니다: 방문자가 목록의 하나 이상의 조건을 충족하면 귀하의 콘텐츠가 해당 장치에 표시됩니다. 

동적 조건부 페이지를 만듭니다

마스터 애드온은 로그인 상태,사용자 역할,브라우저, OS,시간 범위,일중 시간,일중일 등과 같은 몇 가지 멋진 조건을 개발했습니다. 자세히 알아보기 마스터 애드온 플러그인 살펴보기.

조건 범주 이해

마스터 애드온의 표시 조건 확장 기능은 콘텐츠 가시성을 제어하는 다양한 규칙을 제공합니다. 사용자 상태,날짜 및 시간,페이지 유형 등에 따라 조건을 설정할 수 있습니다. 각 범주와 실제 용도를 분석해 보겠습니다.

방문자 기반 조건

이러한 조건은 방문자의 상태 또는 장치에 따라 콘텐츠를 제어합니다.

• 로그인 상태 – 사용자가 로그인했는지 로그아웃했는지에 따라 콘텐츠를 표시하거나 숨깁니다.
  예: 로그아웃한 사용자에게만 “가입” 버튼을 표시합니다.
• 사용자 역할 – 관리, 편집자 또는 구독자와 같은 특정 역할로 콘텐츠를 제한합니다.
  예: 유료 회원에게만 독점 튜토리얼을 표시합니다.
• 운영 체제 – Windows, macOS, Linux 등에 대해 다양한 콘텐츠를 표시합니다.
  예: Mac 사용자에게 macOS 전용 다운로드 링크를 제공합니다.
• 브라우저 – Chrome, Firefox, Safari 등을 기반으로 콘텐츠를 사용자 정의합니다.
  예: 오래된 버전을 사용하는 경우 브라우저를 업데이트하라는 알림을 표시합니다.

날짜 및 시간 조건

이러한 조건은 시간에 따라 콘텐츠 가시성을 예약하는 데 도움이 됩니다.

• 날짜 범위 – 콘텐츠 가시성을 위한 시작 및 종료 날짜를 설정합니다.
  예: 12월 1일부터 12월 25일까지만 휴일 세일 배너를 표시합니다.
• 하루의 시간 – 하루 중 특정 시간에 콘텐츠를 표시합니다.
  예: 오전 6 시부터 오후 12 시까지만 나타나는 “아침 거래” 를 제공하십시오.
• 요일 – 특정 날짜에 콘텐츠를 표시합니다.
  예: 토요일과 일요일에만 “주말 특별” 을 홍보하십시오.

단일 페이지/게시물 조건

개별 페이지 또는 게시물 유형에 따라 콘텐츠 가시성을 제어합니다.

• 페이지 – 특정 페이지에 콘텐츠를 표시하거나 숨깁니다.
  예: “문의하기” 페이지에만 문의 양식을 표시합니다.
• 포스트 – 특정 블로그 게시물에 조건을 적용합니다.
  예: 특정 블로그 기사에서만 관련 제품 제안을 표시합니다.
• 정적 페이지 – 홈, 정보 또는 랜딩 페이지와 같은 정적 페이지를 대상으로 합니다.
• 포스트 유형 – 다른 게시물 유형 (블로그 게시물, WooCommerce 제품, 사용자 정의 게시물 유형 등) 에 조건을 적용합니다.
  예: 제품 페이지에만 “지금 구매” 버튼을 표시합니다.

아카이브 기반 조건

이러한 조건은 카테고리 페이지, 검색 결과, 작성자 아카이브와 같은 아카이브 페이지의 콘텐츠 가시성에 영향을 미칩니다.

• 분류 – 카테고리 또는 태그를 기반으로 콘텐츠를 표시하거나 숨깁니다.
  예: “기술” 카테고리의 게시물에만 “기술 뉴스” 배너를 표시합니다.
• 용어 – 분류 내에서 특정 용어를 대상으로 합니다.
• 게시물 유형 – 블로그 게시물, 제품 또는 사용자 정의 게시물 유형의 아카이브에 콘텐츠를 표시합니다.
• 날짜 – 특정 날짜에 게시된 게시물의 아카이브 페이지에 콘텐츠를 표시합니다.
• 작성자 – 특정 작성자가 작성한 게시물에 콘텐츠를 표시합니다.
  예: 게스트 블로거의 기사에만 “저자를 만나다” 섹션을 표시합니다.
• 검색 – 검색 결과 페이지의 콘텐츠 사용자 정의.
  예: 검색 쿼리에 일치하는 항목이 없으면 “결과를 찾을 수 없음” 메시지를 표시합니다.

실제 사용 사례

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 표시 조건 master Addons 의 확장 기능을 사용하면 콘텐츠가 표시되는 시기와 위치를 제어하여 Elementor 웹 사이트를 개인화할 수 있습니다. 이 기능을 효과적으로 사용할 수 있는 몇 가지 실용적인 방법은 다음과 같습니다.

개인화된 사용자 경험

방문자의 로그인 상태 또는 사용자 역할에 따라 다른 콘텐츠를 표시합니다.

주의해야 할 중요한 점은: 고급 탭에서 “조건부 표시” 를 활성화하면 기본적으로 로그인 상태 조건을 설정합니다.

예를 들어, “를 보여주고 싶다고 가정해 보겠습니다돌아온 걸 환영해!” 로그인한 사용자를 위한 메시지입니다.

반대로 “를 표시합니다지금 가입하세요로그인하지 않은 방문자를 위한 ” 버튼.

마찬가지로 사용자 역할에 따라 표시 조건을 설정할 수도 있습니다. 조건에서 “사용자 역할”을 선택하고 해당 요소가 표시되거나 표시되지 않도록 원하는 특정 사용자 역할을 선택하면 됩니다. 간단!

기간 한정 혜택 및 계절별 프로모션

날짜 범위 조건을 사용하여 특별 제안 및 공지 사항을 예약하세요.

예를 들어, 에서만 Black Friday 판매 배너를 표시할 수 있습니다 11월 20일부터 11월 30일까지.

시간대를 기준으로 한 동적 콘텐츠

서로 다른 시간에 서로 다른 콘텐츠를 표시하여 사용자 참여를 최적화합니다.

예를 들어,A 음식 배달 웹사이트는 “아침 메뉴아침에 “”와 “디너 스페셜저녁에 ” 섹션.

그냥 조건에서 “시간”을 선택합니다. 이제 “이전”이라고 읽히는 필드가 표시됩니다. 아침 식사 메뉴의 시간을 설정하려면 12:oo PM 을 입력하면됩니다.

아침 식사 메뉴는 오후 12:00까지 표시됩니다.

점심 메뉴는 오후 8:oo까지, 저녁 메뉴는 오후 11:00까지 표시되도록 설정할 수 있습니다.

데스크톱 및 OS 경험 최적화

Elementor Conditional 디스플레이 확장의 도움으로 다른 브라우저에서 어떤 콘텐츠를 볼 수 있는지 정의 할 수 있습니다. 현재 조건을 설정하기 위해 사용할 수있는 6 개의 브라우저 IE,Firefox, Chrome,Safari, Opera,Opera Mini 가 있습니다.

“브라우저”를 조건으로 선택한 다음 브라우저 이름을 선택하기만 하면 됩니다. 이렇게 하면 선택한 브라우저에 콘텐츠를 표시할 수 있습니다.

이 조건을 사용하여 모바일 장치에서 큰 이미지 또는 애니메이션을 숨겨 더 빠른 로딩 시간을 얻을 수 있습니다.

또는 Chrome 또는 Firefox 에서 기능이 가장 잘 작동하는 경우 Safari 관련 메시지를 표시합니다.

Display Condition 확장자를 사용하면 방문자의 OS 를 기반으로 특정 콘텐츠를 보여줄 수도 있습니다. Condition 에 사용할 수있는 OS 는 총 11 개입니다. Dynamic OS 기반 웹 페이지를 만들기에 충분합니다. 

iPhone, Windows, OpenBSD, Linux, Safari, Mac OS, QNX, BeOS, OS/2 및 Search Bot – 원하는 OS를 조건으로 선택한 다음 이 OS에 대한 콘텐츠를 표시할지 아니면 이 OS에 대한 콘텐츠를 숨길지 정의합니다.

이것들은 우리가 만진 몇 가지 사용 사례에 불과합니다.

이 확장 기능을 사용하는 방법을 직접 확인하려면 다음 기능도 시청하세요 조건부 디스플레이 확장 비디오 그것에 대해 더 배우기 위해.

이 확장으로 할 수 있는 일은 더 많습니다. 예를 들어 다른 게시물,페이지 및 심지어 게시물 유형에 대해 콘텐츠를 동적으로 표시할 수 있습니다. 이를 위해 Elementors 헤더 및 바닥글 작성기로 작업해야 하지만 이에 대해서는 별도의 게시물에서 논의하겠습니다. 계속 지켜봐 주시기 바랍니다!