분배기

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 에 아무것도 추가하지 않으며 프런트엔드에 나타나지 않습니다. 유일한 작업은 한 그룹의 옵션을 다음 그룹과 시각적으로 분리하는 것이므로 Elementor 에서 위젯을 편집하는 사람들은 패널을 더 빨리 스캔할 수 있습니다.

Divider와 같은 UI 전용 컨트롤도 지원합니다 조건따라서 전체 옵션 그룹이 분배기와 함께 나타나고 사라질 수 있습니다. 빌더 전체의 템플릿 출력은 에 의해 렌더링됩니다 나뭇가지 구문 템플릿 엔진; 두 가이드 모두 세부 사항을 다룹니다.

마스터 애드온 내부 위젯 빌더를,당신은 임의의 두 필드 사이에 분배기를 드롭,저장하고, Elementor 는 위젯의 패널에서 그 정확한 지점에 작은 수평선을 렌더링합니다. 아래의 연습에서,분할기는 a 사이에 간다 텍스트 필드 그리고 a 텍스트 영역 필드.

Divider 필드가 수행하는 작업 #

디바이더는 Elementor 편집기 패널 내부에 미묘한 수평 테두리를 렌더링합니다. 두 컨트롤 사이에 배치한 바로 그 지점입니다. 이것이 전체 기능이며 요점입니다. 사용자 정의 위젯에 한 섹션에 5~6개의 입력이 쌓여 있으면 두 개의 디바이더가 필드 벽을 명확한 그룹으로 바꿉니다.

디바이더가 하는 두 가지 일 아닙니다 나중에 놀라움이 없도록 하세요:

• 출력이 없습니다. Text 또는 Text Area 필드와 달리,Divider 는 Documentation 사이드바에 단축 코드를 추가하지 않습니다. 없음 {{divider}} HTML, CSS 또는 JS에 배치할 토큰입니다.
• 결코 페이지에 닿지 않습니다. 이 줄은 Elementor 편집기 내부의 위젯 옵션 패널에만 나타납니다. 미리보기 영역과 라이브 프런트엔드는 정확히 동일하게 유지됩니다.

방문자가 실제로 페이지에서 볼 수있는 구분 기호를 원한다면,그것은 다른 도구입니다: 대신 페이지 디자인에 구분 기호 또는 구분 기호 위젯을 사용하십시오. 이 필드는 순전히 편집 경험을 구성하기위한 것입니다. 위젯을 처음 구축하는 경우 다음으로 시작하십시오 위젯 빌더 개요 첫번째.

시작하기 전에 #

• 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
• Elementor용 마스터 애드온 설치되고 활성화되었습니다. 플러그인에 새로운? 참조 설치 가이드.
• Widget Builder 편집기에서 열려 있는 사용자 지정 위젯으로,이미 두 개 이상의 필드가 있습니다. 여기서는 텍스트 필드와 텍스트 영역 필드를 사용합니다.

Divider 필드를 추가하는 방법 #

Widget Builder 편집기에서 찾을 때까지 왼쪽의 필드 패널을 스크롤합니다 분배기 필드. 목록 하단 근처,텍스트 그림자 옆에 위치하며 아이콘은 두 개의 작은 화살표 사이에 선처럼 보입니다.

Divider 를 섹션으로 드래그하여 구분 기호가 나타나야 하는 곳에 놓습니다. 예제에서 Content 섹션은 이미 Text 필드와 Textarea 필드를 보유하고 있으며 Divider 는 그 사이에 착지합니다. 잘못된 지점에 착지한 경우 다른 필드를 재정렬하는 것과 같은 방식으로 왼쪽에 있는 핸들을 잡고 제자리로 드래그합니다.

분배기가 두 필드 사이에 위치하면 섹션에서 텍스트,분할기, 텍스트 영역을 위에서 아래로 읽습니다. 클릭 설정 저장 변경 사항을 저장하려면To store the change.

분배기 필드 옵션이 설명되었습니다 #

분배기를 선택하여 왼쪽의 설정을 엽니다. 수집할 값이 없기 때문에 입력 필드보다 훨씬 적은 옵션을 전달합니다.

• 라벨: 빌더의 필드 카드에 표시된 내부 이름, 기본적으로 “디바이더” 위젯을 편집하는 동안 여러 디바이더를 구분하는 데 도움이됩니다.
• 이름: 필드의 고유 식별자입니다. 문자,숫자 및 밑줄만 포함해야 합니다. 분배기는 단축 코드를 생성하지 않으므로 이는 뒤에 남아 있지만 모든 필드에는 여전히 고유 이름이 필요합니다.
• 라벨 표시 그리고 라벨 블록: 모든 위젯 빌더 필드에 나타나는 표준 레이블이 전환됩니다.
• 분리기: 제어 구분 기호의 위치를 설정합니다(없음, 이전, 이후, 기본값).
• 조건: 다른 컨트롤의 값을 기준으로 구분선을 표시하거나 숨깁니다. 클릭 조건 추가 규칙을 설정하려면. 주변의 필드도 조건부일 때 편리하므로 숨겨진 컨트롤 위에 줄이 떠오르지 않습니다.

대부분의 위젯의 경우,Divider 를 제자리에 놓고 이러한 설정은 절대 건드리지 않습니다. 배치는 중요한 설정입니다.

Elementor 편집기에서 구분자를 참조하세요 #

이제 Elementor 에서 사용자 지정 위젯을 사용하는 페이지를 열거나 위젯을 페이지로 드래그하십시오. 위젯을 편집하는 동안 페이지가 이미 열려 있었다면 elementor 편집기를 다시 로드합니다 그래서 새로운 패널 레이아웃을 선택합니다.

위젯을 선택하고 해당 콘텐츠 탭을 살펴보세요. 이제 텍스트 컨트롤과 Textarea 컨트롤 사이에 작은 경계선이 위치하며,빌더에서 분배기를 떨어뜨린 바로 그 위치에 있습니다.

오른쪽의 미리보기를 확인하세요: 제목과 단락이 이전과 동일하게 렌더링됩니다. 구분선은 출력에 대해 아무것도 변경하지 않고 패널만 변경했습니다. 바로 그런 일이 일어나야 합니다.

일반적인 사용 사례 #

• 관련 입력 그룹화, 선 위의 제목과 해당 소제목, 그 아래에 버튼 라벨과 링크가 있습니다.
• 콘텐츠와 행동을 분리합니다예를 들어 위의 텍스트 필드는 아래에서 전환 및 전환됩니다.
• 긴 구간을 나누는 별도의 섹션으로 분할하는 것은 과용되지만 10개의 쌓인 필드는 무겁게 느껴집니다.
• 선택적 추가 사항 표시, 구분선 위에 필수 필드가 있고 아래에 설정이 좋습니다.

Divider 필드와 함께 작업하기 위한 팁 #

• 모든 분야가 아닌 그룹 간 구분선을 사용합니다. 각 컨트롤 이후의 라인은 라인이 전혀 없는 것처럼 시끄럽습니다.
• 새 섹션 전에 디바이더에 도달하세요. 두 그룹의 필드가 동일한 탭과 동일한 주제에 속하는 경우 구분선은 다른 접이식 섹션의 비용 없이 필드를 함께 유지합니다.
• 저장 후 Elementor 편집기를 다시 로드합니다. 변경 중에 열려 있던 편집기 탭에는 새로 고칠 때까지 새 줄이 표시되지 않습니다.
• 방문자에게는 보이지 않는다는 것을 기억하십시오. 클라이언트가 페이지에 줄을 요청하면, 그것은 위젯의 HTML에 있는 디자인 요소이거나 별도의 위젯이지 이 필드가 아닙니다.

자주 묻는 질문 #

감싸는 #

Divider 필드는 Widget Builder 에서 가장 작은 도구이며,나중에 위젯을 편집할 사람에게 가장 유용한 도구 중 하나입니다. 두 필드 사이에 놓아두고 저장하고 Elementor 편집기를 다시 로드하면 패널이 옵션 변경 주제 바로 앞에 깨끗한 줄을 얻습니다. 와 페어링하십시오 텍스트 그리고 텍스트 영역 입력 더미가 아닌 양식처럼 읽는 패널을 빌드하는 필드. 나머지 탐색 마스터 애드온 위젯 및 확장, 그리고 보세요 가격 페이지 각 계획에 포함된 내용입니다.