닌자 양식
Ninja Forms 를 기능적인 것에서 환상적인 것으로,Elementor 에디터 바로 안쪽에 두세요. 이 요소를 사용하면 Ninja Forms 로 구축한 모든 양식을 매끄럽게 임베딩한 다음 사이트의 디자인에 완벽하게 어울리도록 모든 부분을 스타일링할 수 있습니다. 미리 만들어진 여러 디자인 레이아웃을 한 번의 클릭으로 선택하거나,깊이 들어가 라벨,입력 필드,체크박스, 제출 버튼을 색상,테두리, 간격,타이포그래피로 사용자 지정할 수 있습니다. 코드 줄을 건드리지 않고도 양식을 완벽하게 시각적으로 제어할 수 있으므로 처음부터 페이지의 일부로 디자인된 것처럼 보이는 변환 친화적인 양식을 만들 수 있습니다.
원클릭 디자인 레이아웃
미리 제작된 다양한 스타일 키트 중에서 선택하여 폼의 외관을 시작하세요. 이는 전체 폼에 즉시 응집력 있는 룩을 적용하여 원하는 대로 미세 조정할 수 있는 전문적인 출발점을 제공합니다.
- 단일 선택으로 양식에 완전한 시각적 스타일을 적용하십시오.
- 여러 형태에서 설계 일관성을 신속하게 유지하는 데 적합합니다.
- 레이아웃을 기초로 사용한 다음 추가로 사용자 정의합니다.
픽셀-완벽한 필드 스타일링
폼 입력 영역의 모든 측면을 세밀하게 제어할 수 있습니다. 텍스트 필드와 텍스트 영역 모두에 대해 배경,텍스트 색상,테두리, 둥근 모서리를 조정하고,치수, 패딩,정렬을 정밀하게 제어하여 완벽한 핏을 제공합니다.
- 입력의 일반 상태와 초점 상태를 독립적으로 스타일링합니다.
- 다양한 필드 유형에 대한 정확한 너비와 높이를 설정합니다.
- 패딩과 테두리를 사용하여 넓고 사용하기 쉬운 양식을 만드십시오.
버튼 및 피드백 제어를 완료하세요
클릭을 유도하고 사용자가 보는 메시지의 스타일을 지정하는 제출 버튼을 디자인합니다. 버튼의 색상,크기, 테두리 및 호버 효과를 사용자 정의하고 성공 메시지와 오류 알림이 명확하게 표시되고 브랜드와 일치하도록 합니다.
- 사용자 정의 버튼 너비와 전체 호버 효과 스타일링을 만듭니다.
- 양식 피드백 (성공/오류) 이 사용자에게 시각적으로 명확한지 확인합니다.
- 제출 버튼에 상자 그림자와 타이포그래피 스타일링을 추가합니다.
닌자 양식에 대해 자주 묻는 질문
Ninja Forms 플러그인이 설치되어 있어야 합니까?
예,이 요소는 Ninja Forms 와 Elementor 사이의 브리지로 작동합니다. 먼저 WordPress.org 의 무료 Ninja Forms 플러그인을 설치하고 활성화해야하며이 요소로 양식을 선택하고 스타일을 지정하기 전에 거기에서 양식을 만들어야합니다.
"라벨"과 "자리 표시자" 옵션의 차이점은 무엇입니까?
레이블은 필드 위 또는 옆에 있는 영구 텍스트 제목입니다 (“이름”과 같은). 자리 표시자는 입력할 때 사라지는 필드 내부의 희미한 예제 텍스트입니다. 요소의 컨트롤을 사용하면 더 큰 디자인 유연성을 위해 각 텍스트를 독립적으로 표시하거나 숨길 수 있습니다.
모바일 장치에서 양식을 반응형으로 만들 수 있나요?
절대적으로. 요소가 특정 너비 및 높이 컨트롤을 제공하는 동안 Elementor 의 내장 된 반응 편집 모드 (데스크탑,태블릿 및 모바일 용) 를 사용하여 각 화면 크기에 대한 패딩,글꼴 크기 및 버튼 너비와 같은 설정을 조정할 수 있습니다.
오류 메시지나 성공 알림의 스타일은 어떻게 지정합니까?
스타일링 패널에는 “오류” 및 “성공 메시지” 전용 섹션이 포함되어 있습니다. 이를 사용하여 이러한 시스템 메시지의 텍스트 색상,배경 및 타이포그래피를 변경하여 사이트 디자인에 적합하고 방문자가 쉽게 알아볼 수 있도록 할 수 있습니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
