Popover Toggle 필드는 마스터 애드온으로 구축된 사용자 정의 위젯의 켜기/끄기 제어 뒤에 몇 가지 관련 설정을 그룹화합니다 위젯 빌더. Elementor 에서는 연필 아이콘이 있는 단일 행으로 표시됩니다. 연필을 클릭하면 옵션이 켜지고 내부에 설정이 있는 작은 팝오버가 열립니다. 오버레이나 배지와 같은 선택적 추가 항목이 패널을 채우지 못하게 합니다.
Popover Toggle 은 Pro 필드입니다. 무료 플러그인에는 제한된 Widget Builder 가 포함되어 있으며 전체 필드 세트가 함께 제공됩니다 마스터 애드온 프로.
Popover Toggle 필드가 수행하는 작업 #
- 그것은 당신의 위젯의 패널에 한 행을 추가: 라벨, 연필 아이콘과, 한 번 켜지면, 재설정 화살표.
- 연필은 옵션을 켜고 정의한 필드가 있는 팝오버를 엽니다.
- 토글 자체가 저장됩니다
yes켜져 있으면 아무것도 없고 꺼져 있으면 템플릿을 확인할 수 있습니다{% if %}. - 팝오버 안의 각 필드는 토글의 이름과 밑줄로 연결된 필드 이름으로 만든 자체 토큰을 얻습니다.
아직 위젯을 구축하지 않았다면, 을 읽어보세요 위젯 빌더 개요 첫번째.
시작하기 전에 #
- Elementor가 설치되어 활성화된 WordPress입니다.
- Elementor 및 Master Addons Pro 용 마스터 애드온,둘 다 활성화됨. The 설치 가이드 설정을 다룹니다.
- 위젯 빌더에서 열린 위젯. 이 가이드의 예는 옵션 오버레이가 있는 “이미지 배너” 위젯입니다: 이름이 지정된 팝오버 토글
overlay안에 두 개의 필드가 있습니다color그리고strength.
Popover Toggle 필드를 추가하는 방법 #
- 로 이동 마스터 애드온 > 위젯 빌더 그리고 위젯을 엽니다.
- 를 클릭합니다 스타일 탭하고 섹션을 추가, 예를 들어 “오버레이”.
- 유형
popover왼쪽의 필드 검색 상자에. - 드래그 팝오버 토글 섹션으로. 그 설정은 왼쪽 사이드 바에서 열립니다.
Popover 토글 필드 옵션이 설명되었습니다 #
- 라벨 는 Elementor 에서 연필 옆에 있는 텍스트,예를 들어 “Overlay”입니다.
- 이름 는 필드의 고유 ID이며 필드가 생성하는 모든 토큰의 시작이므로 예를 들어 짧게 유지하십시오
overlay. 문자, 숫자, 밑줄만 표시됩니다. - 설명 는 건축업자 내부의 당신을 위한 메모입니다.
- 라벨 온 그리고 라벨 끄기 는 필드와 함께 저장되지만 Elementor는 이 컨트롤을 연필 아이콘으로 표시하므로 이 단어는 패널에 표시되지 않습니다.
- 팝오버 필드 팝오버 안의 필드를 나열합니다. 각 행에는 a 가 있습니다 이름, ᅡ 라벨 그리고 a 유형. 클릭하다 필드 추가 다른 행의 경우 복사 아이콘을 복제하거나 빨간색 십자가를 제거하세요.
- 기본값 위젯의 새 복사본이 옵션 켜기 (예) 또는 끄기 (아니오) 로 시작하는지 설정합니다.
유형 메뉴는 텍스트,숫자, 텍스트 영역,WYSIWYG, 코드,숨김, 전환기,색상, 글꼴,타이포그래피, 날짜 시간,URL, 미디어,갤러리, 아이콘,슬라이더, 치수 및 배경을 제공합니다. 행에는 이름,라벨 및 유형만 있으므로 팝오버 내부의 필드에 대한 기본값이나 범위를 설정할 곳이 없습니다. 여기의 슬라이더 필드는 Elementor 의 표준 범위,px 의 경우 0 ~ 1000 을 사용합니다.
더 아래의 공통 설정은 다른 필드에서와 마찬가지로 작동합니다.
템플릿에서 토글과 해당 필드를 읽어보세요 #
두 가지 규칙이 이 필드가 제공하는 모든 것을 다룹니다:
- 토글의 자신의 이름이 인쇄됩니다
yes켜져 있을 때는 아무것도 없고 꺼져 있을 때는 아무것도 없습니다. 에서 사용하세요{% if overlay %}. - 팝오버 안의 필드는 토글의 이름,밑줄, 그리고 필드의 이름으로 읽혀집니다. The
color필드가 됩니다{{ overlay_color }}, 그리고strength슬라이더가 됩니다{{ overlay_strength.size }}.
<div class="img-banner">
{% if overlay %}
<div class="img-banner__overlay" style="background: {{ overlay_color }}; opacity: {{ overlay_strength.size }}%;"></div>
{% endif %}
...
</div>
팝오버 안의 필드에는 점이 작동하지 않습니다. 저희 테스트에서는 {{ overlay.color }} 아무것도 인쇄하지 않았습니다 {{ overlay_color }} 색상을 인쇄했습니다. 필드는 토글이 꺼져 있을 때도 값을 유지하므로 항상 래핑하십시오 {% if overlay %}.
클릭 설정 저장 다 끝났을 때.
Elementor 에서 Popover 토글을 사용합니다 #
페이지에 위젯을 추가하거나,페이지가 이미 열려 있는 경우 편집기를 다시 로드합니다. 위젯을 선택하고 필드를 배치한 탭을 엽니다. 연필 아이콘이 있는 레이블로 표시됩니다.
연필을 클릭합니다. 옵션이 켜지고 필드와 함께 팝오버가 열립니다. 설정하면 위젯이 바로 업데이트됩니다. 팝오버 바깥을 클릭하여 닫습니다. 옵션을 다시 끄려면 연필 옆에 있는 원형 재설정 화살표를 클릭합니다.
일반적인 사용 사례 #
- 이미지 및 비디오 배너에 옵션으로 제공되는 색상 오버레이입니다.
- 자체 텍스트와 색상이 포함된 옵션 배지 또는 리본입니다.
- 대부분의 편집자가 볼 필요가 없는 추가 호버 효과.
- 고급 간격 또는 테두리 옵션은 기본 패널에서 제외됩니다.
Popover Toggle 필드 작업을 위한 팁 #
- 토글의 이름을 짧게 유지하세요. 그 안의 모든 필드는 그 이름으로 시작합니다.
- 항상 로 토글을 확인하세요
{% if %}해당 필드를 사용하기 전에 값이 꺼져 있을 때 저장되어 있기 때문입니다. - 팝오버당 두세 개의 관련 필드를 사용합니다. 그 이상은 일반 섹션에서 찾기가 더 쉽습니다.
- CSS 탭에서 기본 스타일을 설정합니다. 팝오버 내부의 필드에는 자체 기본값이 없습니다.
- 내부 설정 없이 간단한 켜기/끄기를 사용하려면 다음을 사용하세요 스위처 필드.
자주 묻는 질문 #
Popover Toggle 필드는 무료입니까?
아니요. Popover Toggle은 Widget Builder의 Pro 필드 중 하나이므로 Master Addons Pro를 위젯에 추가하려면 먼저 활성화해야 합니다.
토글 토큰은 무엇을 인쇄합니까?
{{ overlay }} 인쇄물 yes 옵션이 켜져 있을 때는 옵션이 켜져 있고 꺼져 있을 때는 아무것도 없습니다 {% if overlay %} 수표로 작동합니다.
팝오버 내부에서 필드를 인쇄하려면 어떻게 해야 합니까?
예를 들어 토글의 이름과 필드 이름을 밑줄로 조인합니다 {{ overlay_color }}. 슬라이더의 경우 추가 .size, 에서와 같이 {{ overlay_strength.size }}.
왜 {{overlay.color }} 는 아무것도 출력하지 않는가?
팝오버 안의 필드는 토글 아래에 중첩되지 않습니다. 밑줄 양식,을 사용하십시오 {{ overlay_color }}대신에.
왜 내 Label On 과 Label Off 단어가 Elementor 에 표시되지 않습니까?
Elementor는 팝오버 토글을 예/아니요 스위치가 아닌 연필 아이콘으로 표시하므로 해당 레이블이 표시되지 않습니다.
감싸는 #
Popover Toggle을 추가하고 해당 필드를 나열한 다음 확인하세요 {% if toggle_name %} 템플릿에서 각 필드를 다음과 같이 읽습니다 {{ toggle_name_field_name }}. 편집자는 깔끔한 패널을 얻고 추가 설정은 옵션을 켤 때만 나타납니다. 대신 설정을 탭으로 그룹화하려면 다음을 참조하세요 탭 필드, 그리고 확인 가격 각 계획에 포함된 내용입니다.
