텍스트 필드

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 텍스트 필드 사용자 정의 위젯이 누군가가 편집 할 수있는 텍스트 줄을 필요로 할 때 언제든지 도달 하나입니다: 헤드 라인, 라벨, 짧은 캡션, 버튼 단어. 마스터 애드온 내부 위젯 빌더를 사용하면 위젯 패널에 텍스트 필드를 삭제하고 이름을 지정하면 해당 이름이 HTML, CSS 또는 JS에 배치하는 단축 코드가 됩니다. Elementor의 사용자 유형이 무엇이든 마크업에 직접 인쇄됩니다.

모든 위젯 빌더 필드와 마찬가지로 텍스트 필드가 지원합니다 조건를 나타내므로 다른 필드의 값을 기준으로 컨트롤을 표시하거나 숨길 수 있습니다. 출력은 빌더의 를 통해서도 실행됩니다 나뭇가지 구문 템플릿 엔진토큰을 래핑할 수 있습니다 {% if %} 필터를 확인하거나 적용하세요 |upper. 두 가이드 모두 설정과 제한 사항을 다룹니다.

하지만 일반 문자열을 인쇄하는 것 이상의 기능을 수행합니다. 텍스트 필드는 Elementor의 반응형 컨트롤과 동적 태그에 연결되므로 한 필드는 모바일에서 데스크톱과 다른 헤드라인을 유지하거나 게시물 제목과 같은 동적 소스에서 해당 값을 가져올 수 있습니다.

Text 필드가 수행하는 작업 #

텍스트 필드는 위젯의 옵션 패널에서 한 줄 텍스트 입력을 렌더링합니다. 누군가가 Elementor 에서 사용자 지정 위젯을 편집하면 해당 입력을 보고 값을 입력하면 일치하는 단축 코드를 배치한 곳마다 위젯이 출력됩니다.

빌더의 다른 입력 필드와 잘 쌍을 이룹니다. 더 긴 다중 라인 콘텐츠의 경우,reach for the 텍스트 영역 필드. 서식이 풍부한 콘텐츠의 경우 다음을 사용하십시오 WYSIWYG 필드. 텍스트 필드는 짧고 평범한 문자열에 적합한 선택입니다. 위젯을 처음 구축하는 경우 다음을 읽으십시오 위젯 빌더 개요 첫번째.

시작하기 전에 #

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

Text 필드를 추가하는 방법 #

위젯 빌더 편집기에서 왼쪽의 필드 패널을 찾은 다음 드래그하십시오 텍스트 아래의 섹션에 입력합니다 콘텐츠, 스타일, 또는 고급 탭. 대부분의 텍스트 입력은 콘텐츠 아래에 속합니다. 일단 제자리에 있으면 필드의 옵션이 왼쪽에 열리고 단축 코드가 에 표시됩니다 문서 코드 편집기 옆에 있는 사이드바.

텍스트 필드 옵션 설명 #

Text 필드를 선택하여 설정을 엽니다. 이 옵션은 Elementor 패널에서 입력이 어떻게 보이고 동작하는지를 제어합니다.

• 라벨: elementor 에서 필드 위에 나타나는 텍스트입니다. “머리말”이나 “버튼 텍스트”처럼 짧고 명확하게 유지하세요.
• 이름: 필드의 고유 식별자입니다. 문자,숫자, 밑줄만 포함해야 하므로 공백이나 대시가 없습니다. 이 이름은 단축 코드가 되므로 필드 이름이 지정됩니다 heading 당신을 제공합니다 {{heading}}.
• 설명: 필드 아래에 표시된 선택적 도우미 텍스트입니다. 이를 사용하여 입력 컨트롤이 무엇인지 설명하십시오.
• 자리 표시자: 필드가 비어 있을 때 표시되는 회색으로 표시된 힌트,예를 들어 “헤드라인 작성”. 실제 값을 설정하지 않고 사용자를 안내합니다.
• 기본값: 필드가 시작하는 값입니다. “Build Better Experiences”와 같은 것을 설정하여 누군가가 편집하기 전에 위젯이 완료된 것처럼 보이도록 합니다.

일반적인 설정: 반응형, 동적, 그 이상 #

아래로 스크롤합니다 공통 설정 필드가 얼마나 유연한지 결정하는 컨트롤의 경우,반응형 값과 동적 태그를 켜는 곳입니다.

• 라벨 표시: 레이블이 필드 위에 표시되는지 여부를 전환합니다.
• 라벨 블록: 입력 옆이 아닌 입력 위에 자체 줄에 레이블을 표시합니다.
• 반응 제어: 사용자가 데스크톱,태블릿, 모바일에 대해 다른 값을 설정할 수 있도록 하려면 이 기능을 켜십시오. 작은 화면에서 더 짧아야 하는 헤드라인에 적합합니다.
• 동적 지원: elementor 동적 태그를 활성화하려면 이 기능을 켜십시오. 그러면 필드는 정적 텍스트 대신 게시물 제목이나 작성자 이름과 같은 소스에서 해당 값을 가져올 수 있습니다.
• 프런트엔드 사용 가능: 컨트롤의 값을 프론트엔드 JavaScript 에 사용할 수 있도록 합니다. 위젯의 JS 가 값을 읽어야 할 때 활성화합니다.
• 분리기: 컨트롤 주위에 구분선이 나타나는 위치를 설정합니다(없음, 이전, 이후, 기본값).
• 조건: 다른 컨트롤의 값을 기준으로 이 필드를 표시하거나 숨깁니다. 클릭 조건 추가 규칙을 설정하려면.

필드를 코드에 연결합니다 #

모든 Text 필드는 Name 에서 단축 코드를 생성합니다. 이름이 지정된 필드를 추가합니다 heading 그리고 토큰 {{heading}} documentation 사이드바에 표시됩니다. 텍스트가 속한 모든 곳에 해당 토큰을 HTML 에 놓습니다.

영웅 헤드 라인의 경우, 변화는 작습니다:

• 내부의 정적 텍스트를 교체하세요 <h1> 와 함께 {{heading}}.
• 위젯을 저장합니다. Now the <h1> 사용자가 Elementor 에서 설정한 값을 모두 인쇄합니다.

단축 코드는 단지 토큰이기 때문에 CSS 나 JS 에서도 동일한 필드 값을 재사용 할 수 있습니다. 하나의 필드,많은 장소.

Elementor 에서 Text 컨트롤을 사용합니다 #

사용자 정의 위젯을 페이지로 드래그하여 Elementor 편집기에서 엽니다. 텍스트 필드는 레이블,위치 지정자 및 기본값이 이미 있는 일반 컨트롤로 표시됩니다. 두 개의 작은 아이콘이 입력 옆에 있습니다: a 장치 아이콘 반응형 값의 경우 a 동적 태그 아이콘 해당 옵션을 활성화한 경우.

새 값을 입력하면 위젯 업데이트가 실시간으로 제공됩니다. 아래 예제에서 제목 필드를 변경하면 페이지의 영웅 헤드라인이 다시 작성됩니다. 동일한 필드 유형이 단락,버튼 레이블 또는 기타 짧은 문자열에서도 마찬가지로 작동합니다. 이것이 텍스트 필드의 전체 요점입니다: 위젯이 텍스트를 인쇄해야 하는 모든 곳에서 사용하는 컨트롤입니다.

동적 태그에서 텍스트를 가져옵니다 #

동적 지원이 켜져 있으면 동적 태그 아이콘을 클릭하고 소스를 선택합니다. 마스터 애드온 및 Elementor 목록에는 보관 제목,작성자 이름,작성자 정보 및 댓글 번호와 같은 그룹화된 태그가 있습니다. 하나를 선택하면 필드가 정적 텍스트 대신 라이브 데이터를 가져오므로 수십 개의 게시물에서 동일한 제목을 편집할 수 없습니다.

장치당 다른 값을 설정합니다 #

반응형 제어가 켜진 상태에서 장치 아이콘을 클릭하여 데스크톱,태블릿 및 모바일 간에 전환한 다음 각각에 대해 별도의 값을 입력합니다. 긴 데스크톱 헤드라인은 데스크톱 버전을 건드리지 않고도 휴대폰에서 더 짧은 헤드라인이 될 수 있습니다. 알 가치가 있는 점: 태블릿 또는 모바일 값을 비워두면 데스크톱 텍스트로 돌아가므로 실제로 필요한 중단점만 재정의합니다.

일반적인 사용 사례 #

• 영웅 헤드라인 편집자는 코드를 열지 않고도 변경할 수 있습니다.
• 섹션 단락 그리고 짧은 설명.
• 버튼 및 CTA 라벨 위젯의 링크에 묶여 있습니다.
• 배지, 태그, 작은 캡션 서식이 필요하지 않은 곳.
• 동적 제목 재사용 가능한 템플릿을 게시물이나 아카이브에서 가져옵니다.

텍스트 필드 작업을 위한 팁 #

• 필드를 의미 있게 명명합니다. 이름이 단축코드가 됩니다 heading 보다 코드에서 더 잘 읽습니다 field_1.
• 항상 Default Value 를 설정한다. 편집기와 첫 번째 드롭에서 위젯이 완벽하게 보이도록 유지합니다.
• 필요할 때만 반응형 및 동적 기능을 켜십시오. 추가 컨트롤은 간단한 텍스트를 위해 패널을 어수선하게 만듭니다.
• Placeholder 를 내용이 아닌 지침으로 사용합니다. 그것은 결코 페이지에 인쇄하지 않으므로 실제 텍스트에 의존하지 마십시오.
• 단축 코드를 참조하기 전에 필드를 빌드합니다. 토큰은 필드가 패널에 있는 경우에만 존재합니다.

자주 묻는 질문 #

감싸는 #

Widget Builder Text 필드는 사용자 정의 Elementor 위젯을 편집할 수 있게 만드는 가장 간단한 방법입니다. 이름을 지정하고,코드에 단축 코드를 삭제하고,기본값을 설정하고,프로젝트에서 호출할 때 응답 또는 동적 지원을 켭니다. 그 후 누구나 코드 줄을 건드리지 않고도 Elementor 의 나머지 부분을 살펴봅니다 마스터 애드온 위젯 및 확장, 그리고 확인해 보세요 가격 페이지 각 계획에 포함된 내용입니다.