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 패널에 컨트롤이 나타나는 시기를 결정합니다. 모든 필드를 항상 표시하는 대신 컨트롤의 가시성을 다른 컨트롤의 값에 연결할 수 있습니다: 버튼 토글이 켜져 있을 때만 버튼 URL 을 표시하거나 레이아웃 드롭다운에 “이미지로”라고 표시될 때만 이미지 필드를 표시합니다.
마스터 애드온의 모든 필드 위젯 빌더 간단한 옵션부터 이 옵션을 제공합니다 텍스트 필드 전체 타이포그래피 그룹으로. 컨트롤당 한 번 설정하고 패널은 기본적으로 짧게 유지되며,선택으로 인해 관련성이 있을 때만 추가 옵션이 나타납니다. Elementor 의 자체 위젯에서 볼 수 있는 것과 동일한 동작입니다.
조건 옵션이 수행하는 작업 #
조건은 세 부분으로 구성된 작은 규칙입니다: 어떤 컨트롤을 볼지,어떻게 비교할지,어떤 값을 비교할지,규칙이 통과하면 컨트롤이 패널에 표시됩니다. 실패하면 컨트롤은 숨겨져 있습니다.
각 조건 카드에는 세 가지 설정이 있습니다:
- 제어 이름: 보고 싶은 값이 있는 필드입니다. 위젯의 모든 컨트롤을 섹션별로 그룹화하여 나열하는 드롭다운이므로 이름을 입력하는 대신 대상을 선택합니다.
- 평등: 비교하는 방법. 동등한 감시된 필드가 값과 일치할 때 컨트롤을 표시합니다. 같지 않습니다 필드가 다른 것을 보유할 때 이를 표시합니다.
- 제어 값: 예를 들어, 비교할 값은 일반 텍스트로 입력됩니다
yes,no또는 다음과 같은 선택 옵션 값입니다layout-2.
필요한 만큼 조건을 쌓을 수 있습니다 조건 추가 버튼. 컨트롤에 두 개 이상의 조건이 있을 때 컨트롤이 나타나기 전에 모두 통과해야 합니다. 동일한 필드를 볼 수 있는 컨트롤 수에 제한이 없으므로 하나의 스위처가 다섯 개의 관련 옵션을 한 번에 공개할 수 있습니다.
시작하기 전에 #
- 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
- 마스터 애드온 프로 전체 Widget Builder가 Pro 기능이므로 설치 및 활성화됩니다. 을 참조하세요 설치 가이드 만약 당신이 신선한 설정.
- 적어도 두 개의 컨트롤이 있는 Widget Builder 편집기에서 열리는 사용자 지정 위젯,하나를 보고 하나는 표시하거나 숨길 수 있습니다. 빌더에 새로 추가? 읽기 위젯 빌더 개요 첫번째.
조건 옵션을 찾을 수 있는 곳 #
위젯의 옵션 패널,콘텐츠, 스타일 또는 고급 탭에서 컨트롤을 선택하십시오. 필드의 설정은 왼쪽에 열립니다. 라벨,이름, 기본값과 같은 기본 옵션을 지나 아래로 스크롤하면 다음을 찾을 수 있습니다 조건 제어 클래스 바로 위에 상자가 있습니다 조건 추가 버튼과 메모 “이 컨트롤이 표시되어야 하는 시기에 대한 조건을 설정합니다”.
상자가 비어 시작,이는 컨트롤이 항상 표시된다는 것을 의미합니다. 즉,모든 필드의 기본값입니다.
조건을 추가하는 방법 #
직장에서 조건을 볼 수있는 가장 명확한 방법은 고전적인 토글 패턴입니다: 두 번째 버튼을 켜고 끄는 스위처. 우리의 예제 위젯은 버튼 섹션이 있습니다 a 스위처 필드 명명된 show_second_button, 게다가 second_button_text 그리고 second_button_url 스위처가 켜져 있을 때만 표시되어야 하는 필드입니다.
1 단계: 표시하거나 숨길 컨트롤을 선택합니다 #
를 클릭합니다 second_button_text 위젯의 옵션 패널에 필드. 그 설정은 왼쪽에 열려. 조건은 항상 볼 필드가 아닌 표시 또는 숨김되는 컨트롤에 살고있다.
2 단계: 조건 추가를 클릭합니다 #
조건 상자로 스크롤하고 을 클릭합니다 조건 추가니다. 조건 카드는 세 가지 설정으로 나타납니다: 제어 이름,평등, 제어 값. 모서리에있는 빨간색 X 는 마음이 바뀌면 카드를 제거합니다.
3단계: 볼 컨트롤을 선택합니다 #
열다 제어 이름 드롭다운. 위젯의 모든 컨트롤이 여기에 나열되고 섹션 제목 아래에 그룹화되어 있으므로 더 큰 위젯을 탐색하기 쉽습니다. 선택 show_second_button. 드롭다운은 카드가 생성될 때 현재 필드 자신의 이름으로 미리 채워지므로 실제로 보고 싶은 필드로 전환했는지 확인하십시오.
4단계: 평등 및 통제 가치를 설정합니다 #
떠나다 평등 에 동등한 및 유형 yes 안으로 제어 값, 스위처가 저장되기 때문입니다 yes 켜져 있을 때와 꺼져 있을 때 빈 값입니다. 완성된 규칙은 다음과 같습니다: show this control when show_second_button 같음 yes.
5 단계: 반복하고 저장하십시오 #
에 같은 조건을 더합니다 second_button_url을 클릭한 다음 설정 저장. 두 필드는 이제 함께 스위처를 따릅니다.
Elementor 에서 테스트해 보세요 #
Elementor 의 페이지에 위젯을 추가하거나,페이지가 이미 열려 있는 경우 편집기를 다시 로드합니다. 전환기가 꺼진 상태에서 두 번째 버튼 텍스트 및 두 번째 버튼 URL 컨트롤은 패널 어디에도 없습니다. 섹션이 짧고 깔끔해 보입니다.
스위처를 켜면 두 컨트롤이 모두 바로 아래에 나타납니다. 페이지를 다시 로드하지 않고 중간에 저장하지 않습니다. Elementor 는 사용자가 편집할 때 실시간으로 조건을 확인합니다.
Control Value 에 어떤 값을 입력해야 합니까? #
Control Value 필드는 항상 패널에 표시되는 레이블이 아닌 감시된 컨트롤의 저장된 값을 취합니다. 거의 모든 “내 상태가 작동하지 않습니다” 보고서는 이 불일치로 귀결되므로 각 필드 유형이 실제로 저장하는 내용은 다음과 같습니다:
- 스위처: 상점
yes켜져 있을 때. Equal +를 사용합니다yes토글이 켜져 있는 동안 컨트롤을 표시하거나 Not Equal +yes토글이 꺼져 있는 동안 표시하려면. - 선택 및 선택2: 옵션을 저장합니다 값옵션 레이블이 아닌, 드롭다운에 값이 있는 “레이아웃 2” 레이블이 붙은 옵션이 있는 경우
layout-2는, 조건을 사용해야 합니다layout-2. - 선택: 다음과 같이 선택한 옵션의 키를 저장합니다
left,center, 또는right. - 텍스트 및 텍스트 영역: 사용자가 입력한 내용을 정확하게 저장합니다. 자유 텍스트 필드의 조건은 정확히 일치해야 하므로 필드가 특정 기대값과 같은지 확인하는 데 가장 적합합니다.
- 번호: 숫자 자체를 값으로 비교하여 저장합니다
33 의 입력과 일치합니다.
드롭다운 스타일의 컨트롤은 값이 고정된 목록에서 나오기 때문에 가장 신뢰할 수 있는 조건 소스를 만듭니다. 처음부터 위젯을 디자인하는 경우 Switcher 에서 조건을 구동합니다 선택및 필드를 선택하고 텍스트 필드를 표시되거나 숨겨지는 컨트롤로 설정합니다.
여러 조건을 사용하는 #
클릭 조건 추가 다시 동일한 컨트롤에 두 번째 규칙을 스택합니다. 목록의 모든 조건은 컨트롤이 표시되도록 동시에 통과해야 합니다. AND 체인으로 생각하십시오: 조건 1 과 조건 2 와 조건 3.
실용적인 예: 배지가 활성화되고 배지 스타일이 사용자 정의로 설정된 경우에만 표시되어야 하는 배지 색상 필드입니다. 두 장의 카드가 이를 처리합니다:
show_badge동등한yesbadge_style동등한custom
카드 사이에는 OR 모드가 없습니다. “A 또는 B 가 언제인지 표시”해야 하는 경우 가능한 경우 Not Equal 로 논리를 뒤집거나 소스 컨트롤을 재구성하여 하나의 드롭다운 값이 케이스를 덮도록 합니다.
조건은 탭 전체에서 작동합니다 #
감시 컨트롤은 숨기고 있는 컨트롤과 같은 섹션이나 심지어 같은 탭에 있을 필요가 없습니다. 스타일 탭 색상 필드는 추가 설정 없이 콘텐츠 탭 전환기에 따라 달라질 수 있습니다. 위젯 빌더는 컨트롤이 어디에 있든 콘텐츠,스타일 또는 고급에서 컨트롤을 찾아 생성된 위젯의 올바른 위치에 조건을 연결합니다.
이것은 패널 뒤에 있는 패턴입니다 국경 필드너비와 색상 컨트롤은 테두리 유형을 선택한 후에만 나타납니다. 조건을 사용하면 자신의 위젯이 일치하는 콘텐츠 기능이 켜져 있을 때만 나타나는 동일한 동작: 스타일 옵션을 얻을 수 있습니다.
일반적인 사용 사례 #
- 선택적 요소: 활성화된 경우에만 텍스트, 링크 및 스타일 필드를 표시하는 두 번째 버튼, 배지 또는 자막의 전환기입니다.
- 레이아웃 변형: a 이미지 레이아웃에 대한 이미지 필드를 표시하고 텍스트 전용 레이아웃에 대해서는 이를 숨기는 레이아웃에 대한 선택 컨트롤입니다.
- 스타일 분기: 기본값을 사용하는 모든 사람에 대해 스타일 탭을 짧게 유지하면서 색상 선택기 세트를 잠금 해제하는 “사용자 정의 색상” 토글입니다.
- 링크 동작: “Make this clickable”이 켜져 있을 때만 나타나는 URL 및 대상 옵션.
- 턱걸이형 고급 설정: 일반 사용자가 절대 스크롤하지 않도록 “고급 옵션 활성화” 전환기 뒤에 숨겨진 추가 옵션입니다.
조건에 따라 작업하기 위한 팁 #
- 소스 컨트롤의 기본값을 의도적으로 설정합니다. 전환기가 기본적으로 꺼짐 으로 설정되어 있으면 위젯이 페이지에 떨어지면 모든 종속 컨트롤이 숨겨지기 시작합니다. 원하는 첫인상을 결정합니다.
- 라벨이 아닌 저장된 값을 확인하세요. 조건이 트리거되지 않는 경우 일반적인 범인은 옵션 값 대신 옵션 레이블과 일치하는 제어 값입니다.
- 배선 조건을 지정하기 전에 소스 필드의 이름을 변경합니다. 조건은 이름으로 컨트롤을 참조하므로 여러 컨트롤이 종속된 후 필드 이름을 변경한다는 것은 해당 조건 카드를 다시 방문한다는 의미입니다.
- 숨겨진 스틸 렌더링. 조건 제어판 가시성. 컨트롤의 토큰이 HTML 에 인쇄되어 있는 경우에도 저장된 값은 여전히 프런트 엔드에 렌더링됩니다. 요소 자체가 사라져야 할 때 조건을 마크업의 일치하는 로직과 페어링합니다.
- 한 섹션의 그룹 종속 필드입니다. 전환기가 세 개의 필드를 표시하면 전환기 바로 아래에 필드를 함께 유지하면 페이지를 편집하는 사람에게 원인과 결과가 분명해집니다.
자주 묻는 질문 #
마스터 애드온 위젯 빌더에서 조건 옵션은 무엇을 합니까?
조건은 다른 컨트롤의 값을 기준으로 Elementor 패널에 컨트롤을 표시하거나 숨깁니다. 각 규칙은 볼 컨트롤,Equal or Not Equal 비교 및 일치할 값의 이름을 지정합니다. 컨트롤은 해당 컨트롤의 모든 규칙이 통과할 때만 나타납니다.
왜 내 상태가 작동하지 않습니까?
거의 항상 Control Value 가 저장된 값과 일치하지 않습니다. 스위처는 켜져 있을 때 yes 를 저장하고 Select 필드는 레이블이 아닌 옵션 값을 저장합니다. 해당 설정에서 watched 필드의 옵션 값을 확인하고 정확한 값을 조건에 복사합니다.
하나의 컨트롤이 여러 조건을 가질 수 있습니까?
예. 필요한 만큼 ADD CONDITION 을 클릭합니다. 컨트롤의 모든 조건이 한 번에 통과해야 표시되며,이는 AND 체인처럼 작동합니다. 규칙을 제거하려면 카드의 빨간색 X 를 클릭합니다.
조건이 다른 탭에서 컨트롤을 볼 수 있나요?
예. 스타일 탭 컨트롤은 콘텐츠 탭 전환기에 따라 달라질 수 있으며 그 반대의 경우도 마찬가지입니다. Widget Builder 는 콘텐츠,스타일 및 고급 탭에서 자동으로 감시되는 컨트롤을 찾으므로 추가 구성이 필요하지 않습니다.
조건이 있는 컨트롤을 숨기면 페이지에서 해당 출력이 제거됩니까?
아니요. 조건은 편집 패널의 컨트롤만 숨깁니다. 필드의 토큰이 위젯의 HTML 에 인쇄되어 있는 경우 저장된 값은 여전히 렌더링됩니다. HTML 을 구조화하여 숨겨진 요소가 프런트 엔드에서도 사라져야 할 때 동일한 소스 필드에 의존합니다.
감싸는 #
조건은 컨트롤의 플랫 리스트를 자체 설정에 반응하는 패널로 바꿉니다. 볼 컨트롤을 선택하고,Equal or Not Equal 을 선택하고,값을 입력하고,하나가 충분하지 않을 때 추가 규칙을 스택합니다. 모든 위젯 빌더 필드가 옵션을 지원하기 때문에 동일한 패턴이 토글된 버튼,레이아웃 종속 이미지 및 잠금 해제 가능한 스타일 섹션과 결합합니다 스위처 그리고 선택 신뢰할 수 있는 소스에 대한 필드를 찾아 나머지 항목을 찾아보세요 마스터 애드온 위젯 및 확장, 그리고 보세요 가격 페이지 각 계획에 포함된 내용입니다.
