스위처

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 의 익숙한 예/아니오 토글을 사용자 지정 위젯에 넣습니다. 패널에서 한 번 튕기면 배지가 나타나거나 레이아웃이 조여지거나 마크업 블록 전체가 꺼집니다. 마스터 애드온 내부 위젯 빌더를 참조하면 스위처는 위젯의 모든 부분을 선택 사항으로 만드는 표준 방법입니다.

Switcher는 가장 일반적인 소스 필드입니다 조건: 저장됩니다 yes 켜져 있으면 다른 컨트롤이 이를 기반으로 표시하거나 숨길 수 있습니다.On the front end, the 나뭇가지 구문 템플릿 엔진 마크업을 마무리할 수 있습니다 {% if my_toggle %} 그래서 토글은 출력도 제어합니다. 두 가이드 모두 설정과 제한 사항을 다룹니다.

그 값은 의도적으로 간단합니다: 문자열과 같습니다 yes 토글이 켜져 있으면 꺼져 있을 때 빈 문자열입니다. 이는 템플릿 조건문에 바로 매핑됩니다. 실제로 거의 모든 스위처는 결국 an으로 감싸게 됩니다 {% if %} 다른 컨트롤의 조건을 차단하거나 운전합니다.

Switcher 필드가 수행하는 작업 #

• 자신의 on/off 레이블과 함께 위젯 패널에서 Elementor의 on/off 토글을 렌더링합니다.
• 구성 가능한 문자열을 반환합니다 (기본값 yes) 켜져 있을 때, 꺼져 있을 때 빈 문자열입니다.
• 드라이브 {% if %} 템플릿의 블록이므로 토글이 켜져 있을 때만 마크업이 렌더링됩니다.
• 예를 들어 CSS 클래스를 인라인으로 전환합니다 class="card {% if compact_mode %}is-compact{% endif %}".
• 일반적인 운전자 역할을 합니다 조건 다른 필드에서는 전체 컨트롤 그룹을 표시하거나 숨깁니다.

첫 번째 위젯을 구축하시겠습니까? Start with the 위젯 빌더 개요, 그럼 여기로 돌아오세요.

시작하기 전에 #

• 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
• Elementor용 마스터 애드온 설치되고 활성화되었습니다. 플러그인에 새로운? 참조 설치 가이드.
• Widget Builder 편집기에서 열리는 사용자 정의 위젯입니다. 우리의 예는 Switcher 라는 이름의 가격 카드 위젯입니다 show_badge 카드에 “인기 있는” 리본이 표시됩니다.

Switcher 필드를 추가하는 방법 #

드래그하세요 스위처 필드 패널에서 아래 섹션으로 필드 콘텐츠 또는 스타일 탭. 그것의 옵션은 착륙하자마자 왼쪽에 열립니다.

스위처 필드 옵션 설명 #

• 라벨: elementor의 토글 옆에 표시된 텍스트, 예를 들어 “배지 표시”.
• 이름: 템플릿이 참조하는 고유 식별자입니다. 예를 들어 문자,숫자 및 밑줄만 표시됩니다 show_badge.
• 라벨 켜기 / 라벨 끄기: 토글 자체의 짧은 텍스트는 기본적으로 “예”와 “아니요”입니다.
• 반환값: 필드가 켜져 있는 동안 유지하는 문자열,입니다 yes 기본적으로. 템플릿이나 스크립트가 특정 문자열을 예상할 때 변경합니다.
• 기본값: 토글을 시작하려면 반환 값으로 설정하세요; 시작하려면 비워 두세요.

토글이 시작되려면 기본값과 반환값이 정확히 일치해야 합니다. 반환값을 다음으로 변경하는 경우 enabled 하지만 Default 는 그대로 두세요 yes를 사용하면 토글이 꺼진 상태에서 위젯이 드롭인되며 오류 없이 그 이유를 알 수 있습니다.

스위처를 {% if %} 블록으로 연결합니다 #

Switcher 는 토큰 필드이지만 자체적으로 토큰을 인쇄하는 경우는 거의 없습니다. Off 는 빈 문자열을 의미하며,빈 문자열은 템플릿 로직에서 falsy 이므로 자연스러운 패턴은 HTML 패널에서 조건부입니다:

{% if show_badge %}
<span class="pc-badge">Popular</span>
{% endif %}

토글온,배지가 렌더링됩니다. 토글오프,마크업이 완전히 사라지고 빈 래퍼가 남지 않습니다. 동일한 패턴이 추가 마크업 없이 클래스를 전환합니다:

<article class="pc-card {% if compact_mode %}is-compact{% endif %}">

스위처의 또 다른 직업은 운전이다 조건. 위젯의 모든 필드는 스위처가 켜져 있을 때만 표시되도록 설정할 수 있으므로 “배지 표시”를 전환하면 패널에서 배지 텍스트 필드와 배지 색상 컨트롤을 표시할 수도 있습니다. 그러면 옵션이 실제로 사용될 때까지 패널이 짧게 유지됩니다.

조심하세요: 값을 명시적으로 비교하는 경우 레이블이 아닌 반환 값 문자열과 비교합니다. {% if show_badge == 'yes' %} 기본 Return Value;와 일치합니다 {% if show_badge == 'Yes' %} 절대 일치하지 않습니다. 왜냐하면 “예”는 토글의 표시 텍스트일 뿐이기 때문입니다. 맨 진실성, {% if show_badge %}, 문제를 회피합니다.

Elementor 에서 스위처 컨트롤을 사용합니다 #

Elementor 의 페이지에 사용자 정의 위젯을 추가합니다 (페이지가 이미 열려 있는 경우 편집기를 다시 로드합니다). Switcher 는 레이블 아래의 표준 Elementor 토글로 표시됩니다. 클릭하면 미리보기가 즉시 업데이트됩니다; 조건에 지정된 모든 필드가 동시에 패널에 나타나거나 사라집니다.

일반적인 사용 사례 #

• 옵션 배지 및 리본 카드에, 에 싸여 {% if %} 블록.
• 레이아웃 변형 컴팩트 모드처럼 수정자 클래스로 적용됩니다.
• 섹션 표시/숨기기 바닥글 메모, 아이콘 또는 보조 버튼과 같은.
• 스크립트용 기능 스위치JS 패널이 자동 재생 또는 애니메이션을 활성화하기 위해 값을 읽는 경우.
• 패널 게이트키핑기능이 켜져 있을 때만 관련 컨트롤 그룹을 표시합니다.

Switcher 분야와 함께 작업하기 위한 팁 #

• 라벨이 아닌 진실성을 테스트하세요. {% if show_badge %} 대부분의 템플릿에 필요한 것은 모두; on 상태는 비어 있지 않은 문자열이고 off 상태는 비어 있습니다.
• 전체 옵션 블록을 래핑합니다. 넣어 {% if %} 전체 마크업 주변에는 래퍼가 포함되어 있으므로 꺼짐 토글에는 간격을 끊을 빈 요소가 남지 않습니다.
• 의도적으로 기본값. 대부분의 사이트에서 원하는 기능에 대해서는 토글을 켜고(기본값 = 반환 값) 추가 기능을 끄십시오.
• 조건과 짝을 이루세요. 스위처와 2~3개의 조건화된 필드는 항상 표시되는 5개의 컨트롤보다 패널에서 훨씬 더 잘 읽혀집니다.
• 토글 답변이 있는 질문으로 이름을 지정하세요. show_badge 그리고 compact_mode 안에서 자연스럽게 읽는다 {% if %} 블록.

자주 묻는 질문 #

감싸는 #

위젯 빌더 전환기 필드는 가장 넓은 범위를 가진 가장 작은 컨트롤입니다: 한 토글은 마크업을 추가하고,클래스를 교환하고,Conditions 를 통해 패널을 한 번에 다시 모양을 바꿀 수 있습니다. 와 결합합니다 숫자 필드 조정 가능한 기능의 경우 또는 리피터 필드 누구의 선택적인 엑스트라가 드러나는지. 나머지 부분을 탐색하세요 마스터 애드온 위젯 및 확장, 그리고 보세요 가격 페이지 각 계획에 포함된 내용입니다.