숨겨진

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 패널의 어느 곳에서도 이에 대한 입력이 나타나지 않습니다.

Hidden 필드도 지원합니다 조건및 저장된 값은 다음을 통해 인쇄됩니다 나뭇가지 구문 템플릿 엔진 다른 토큰과 마찬가지로 에서 참조할 수 있습니다 {% if %} 템플릿 전체에서 검사합니다. 두 가이드 모두 세부 사항을 다룹니다.

따라서 템플릿이 필요로 하는 상수에 적합한 홈이 되지만 사용자는 편집해서는 안 됩니다. 호기심 많은 클라이언트가 우연히 변경할 수 있는 모든 것은 도달할 수 없습니다. HTML,CSS 및 JS 패널은 여전히 다른 값과 마찬가지로 읽을 수 있습니다.

Hidden 필드가 하는 일 #

• Elementor에서 눈에 보이는 제어 없이 빌더에 정의된 고정된 문자열 값을 저장합니다.
• 위젯의 HTML, CSS 또는 JS 패널 어디든 해당 값을 인쇄합니다 {{ your_field_name }}.
• 구성 상수를 편집 UI에서 제외하므로 페이지당 변경할 수 없습니다.
• 템플릿 논리의 텍스트 값처럼 동작하므로 다음과 같은 조건문이 있습니다 {% if mode == 'embed' %} 일하다.

이것이 첫 번째 사용자 정의 위젯이라면 다음을 읽어보세요 위젯 빌더 개요 이 페이지 이전; 필드 문서가 가정하는 편집기 레이아웃을 다룹니다.

시작하기 전에 #

• 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
• Elementor용 마스터 애드온 설치되고 활성화되었습니다. 플러그인에 새로운? 참조 설치 가이드.
• Widget Builder 편집기에서 열리는 사용자 정의 위젯입니다. 우리의 예는 Hidden 필드의 이름이 지정된 맵 임베드 위젯입니다 map_style_key 임베드 스크립트가 기대하는 고정 맵 스타일 식별자를 전달합니다.

Hidden 필드를 추가하는 방법 #

드래그하세요 숨겨진 필드 패널에서 모든 섹션으로 필드. 아무 것도 패널에서 어느 쪽이든 렌더링되지 않기 때문에 탭은 여기서 중요하지 않습니다. 해당 옵션은 착륙하자마자 왼쪽에서 열립니다.

숨겨진 필드 옵션이 설명되었습니다 #

옵션 목록은 설계상 짧습니다:

• 라벨: 빌더 내부의 자신의 참조에 대한 이름입니다. Elementor 에서는 절대 표시되지 않습니다.
• 이름: 템플릿이 참조하는 고유 식별자입니다. 예를 들어 문자,숫자 및 밑줄만 표시됩니다 map_style_key.
• 기본값: 필드가 가지고 있는 값. 나중에 바꿀 UI 가 없으므로,이것은 사실상 값,full stop 입니다.

Hidden 필드를 토큰과 연결합니다 #

Hidden 필드는 토큰 필드입니다. 텍스트 값과 똑같이 인쇄합니다. 세 개의 패널 중 하나에서:

<!-- HTML panel -->
<div class="ma-map" data-style="{{ map_style_key }}"></div>

// JS panel
var styleKey = "{{ map_style_key }}";
initMap(styleKey);

템플릿 로직도 분기할 수 있습니다. 동일한 위젯의 두 내부 모드를 발송하는 경우 Hidden 필드는 선택 항목을 노출하지 않고 분기를 선택할 수 있습니다:

{% if widget_mode == 'compact' %}
<div class="ma-map ma-map--compact"></div>
{% else %}
<div class="ma-map ma-map--full"></div>
{% endif %}

알아둘 조용한 실패 모드 하나: 나중에 필드의 이름을 바꾸면 여전히 이전 이름을 가리키는 모든 토큰이 빈 문자열을 인쇄합니다. 오류가 없으면 위젯은 상수가 있던 빈칸으로 렌더링됩니다. 이름을 바꾼 후 저장하기 전에 이전 이름을 찾기 위해 세 개의 패널을 모두 검색합니다.

조심하세요: 숨겨진 필드는 비밀이 아닌 보이지 않습니다. 그 값은 여전히 방문자가 볼 수 있는 페이지 마크업이나 스크립트로 렌더링됩니다. 개인 API 키와 자격 증명을 보관하지 마십시오; 비밀이 아닌 구성 상수를 위한 것입니다.

Elementor 에서 Hidden 필드를 사용합니다 #

Elementor 의 페이지에 사용자 정의 위젯을 추가합니다. 패널에는 정의한 다른 모든 컨트롤이 표시되며 Hidden 필드에 대한 것은 없습니다. 그 부재가 기능입니다. 값은 이미 적용되었으며 렌더링된 위젯은 첫 번째 드롭에서 이를 반영합니다.

일반적인 사용 사례 #

• 레이아웃 키 내부 CSS 또는 JS가 분기되어 위젯별로 고정됩니다.
• 버전 문자열 배송된 위젯을 디버깅하기 위해 데이터 속성에 스탬프가 찍혀 있습니다.
• API 모드 플래그 위젯의 스크립트가 읽는 임베드 유형과 같은 것입니다.
• 고정 클래스 이름 조각 위젯 제품군이 스타일링 후크를 공유하도록 마크업에 인쇄되었습니다.
• 템플릿 분기 스위치 두 개의 내부 변형에서 하나의 위젯을 내보낼 때.

Hidden 필드 작업을 위한 팁 #

• 상수처럼 이름을 지정하세요. map_style_key 토큰이 의미하는 바를 다음 관리자에게 알려줍니다; hidden_1 하지 않습니다.
• 저장하기 전에 기본값을 설정하세요. Elementor 측에서는 두 번째 기회가 없습니다; 빈 기본값은 토큰이 나타나는 모든 곳에서 빈 문자열을 렌더링합니다.
• JS 에서 인용해. 값은 문자열이므로 쓰세요 var key = "{{ map_style_key }}"; 따옴표와.
• 사용자가 제어가 필요하면 보이는 필드를 선호합니다. 페이지당 값이 달라지는 순간 숨겨진 필드를 a로 바꿉니다 텍스트 또는 선택 사용자에게 위젯 내부 편집을 요청하는 대신 필드입니다.
• 비밀은 없습니다. 값은 공개 페이지 출력으로 끝나므로 소스를 읽는 모든 사람이 볼 수 있는 것으로 처리합니다.

자주 묻는 질문 #

감싸는 #

위젯 빌더 숨겨진 필드는 조용하지만 실제 문제를 해결합니다: 위젯 값은 편집기가 터치하지 않아야하는 것에 따라 달라집니다. 한 번 정의하고 필요한 곳에 토큰을 인쇄하고 상수는 사용되는 모든 곳에서 위젯과 함께 제공됩니다. 결국 값을 편집 할 수 있어야 할 때 다음과 같은 눈에 보이는 필드에 도달하십시오 번호 또는 대신 텍스트. 나머지 부분을 탐색합니다 마스터 애드온 위젯 및 확장, 그리고 보세요 가격 페이지 각 계획에 포함된 내용입니다.