위폼
당신은 그 힘 때문에 weForms 를 좋아하지만 Elementor 가 구축 한 웹 사이트에서는 낯선 사람처럼 느껴질 수 있습니다 – 기본 모양에 갇혀 혼합을 거부합니다. 더 이상 타협하지 않습니다. 마스터 애드온 weForms Element 는 디자인 스튜디오의 열쇠를 건네줍니다. 기존의 weForm 을 Elementor 편집기로 직접 끌어 들여 모든 단일 부분을 스타일링하십시오. 원 클릭 전문 레이아웃을 적용 한 다음 컨테이너 그림자에서 자리 표시자 텍스트의 색상에 이르기까지 모든 것을 조정하십시오. 연락처 양식,설문 조사 및 등록 양식을 원활하고 아름다운 브랜드 확장으로 만드십시오. 양식이 디자인 마법을 깨뜨리는 것을 멈추십시오.
즉각적인 디자인 및 레이아웃 사전 설정
왜 빈 슬레이트에서 시작합니까? 큐레이팅 된 디자인 레이아웃 사전 설정 (스타일 원부터 일레븐까지) 으로 시작하십시오. 각 사전 설정은 조화로운 스타일 세트를 적용합니다 – 컨테이너,필드 및 버튼에 대해 – 전문적으로 디자인 된 양식을 즉시 제공합니다. 미니멀 한 라이트 폼,대담한 다크 카드 또는 생생한 테두리가있는 것이 필요하든간에 출발점이 있습니다. weForm 이 항상 Elementor 페이지의 일부가 될 예정이었던 것처럼 보이게하는 가장 빠른 방법입니다.
- 11+ 기성품 스타일: 즉각적인 시각적 매력을 위해 “스타일 1”, “스타일 2” 등과 같이 사전 설계된 레이아웃 라이브러리 중에서 선택하십시오.
- 일관된 디자인 시스템: 각 사전 설정은 전체 양식을 전체적으로 스타일 지정합니다 – 컨테이너, 필드, 버튼 – 완벽한 일치 보장.
- 완벽한 시작점: 사전 설정을 기초로 사용한 다음 세분화된 컨트롤을 사용하여 더욱 맞춤화하여 고유한 기본으로 만드세요.
완전한 컨테이너 및 현장 아키텍처
양식의 프레임과 빌딩 블록 자체를 제어합니다. 먼저 양식 컨테이너를 디자인합니다: 너비,정렬, 배경,패딩을 설정하고 Box Shadow 및 Border Radius 와 같은 고급 효과를 추가하여 팝 또는 블렌딩을 만듭니다. 그런 다음 양식 필드 자체를 설계합니다. 입력 너비와 Textarea 너비를 독립적으로 조정하고 필드 배경,내부 패딩 및 테두리를 설정합니다. 사용자가 필드를 클릭하면 초점 상태 – 테두리 색상과 그림자를 변경합니다. – 광택이 나고 상호 작용하는 느낌을 위해.
- 필드 치수 제어: 표준 입력 및 텍스트 영역 (메시지) 필드에 대해 서로 다른 너비를 설정합니다.
- 대화형 초점 상태: 사용자가 필드를 클릭할 때 필드에 대한 사용자 정의 테두리 색상 및 상자 그림자를 정의하여 유용성을 향상시킵니다.
- 간격 & 구석: 정밀한 조정 분야 패딩 및 각 입력 상자를 위한 모든 측에 국경 반경.
색상 및 타이포그래피 제어
타이포그래피와 색상은 디자인의 영혼입니다. 여기서는 모든 텍스트 요소에 대해 개별적으로 제어합니다. 자체 색상과 타이포그래피로 라벨 스타일 (“이메일 주소 *”와 같은) 을 지정합니다. 사용자가 입력하는 필드 글꼴 색상을 정의합니다. 결정적으로 자주 잊혀지는 자리 표시자 글꼴 색상 (“이메일...”) 을 지정합니다. 라벨 및 입력 필드에 대해 별도의 타이포그래피 컨트롤을 사용하여 명확한 시각적 계층 구조를 만들어 양식이 세련될 뿐만 아니라 쉽게 읽을 수 있도록 합니다.
- 트리플 레이어 텍스트 스타일링: 레이블, 입력된 필드 글꼴 및 자리 표시자 텍스트의 색상을 독립적으로 설정합니다.
- 계층적 타이포그래피: 라벨 타이포그래피 및 입력 필드 타이포그래피에 다양한 글꼴 패밀리, 크기 및 가중치를 적용합니다.
- 시각적 선명도: 라벨과 자리 표시자에 대비되는 색상을 사용하여 양식에서 사용자를 직관적으로 안내합니다.
제출 버튼 사용자 정의
제출 버튼은 마지막이자 가장 중요한 단계입니다. 기본 회색 직사각형으로 두지 마십시오. 전체 명령을 수행하십시오. 너비와 정렬을 제어하십시오. 타이포그래피 스타일을 지정하십시오. 일반 및 호버 상태 모두에 대한 텍스트 색상 및 배경 색상을 정의합니다. 완벽한 모양과 크기를 얻으려면 패딩,여백, 테두리 및 테두리 반경을 조정하십시오. 상자 그림자를 추가하여 페이지를 떼어냅니다. 이렇게하면 평범한 “제출”이 클릭 할 수있는 매력적인 트리거로 전환됩니다.
- 전체 치수 제어: 완벽한 버튼 형상을 위해 버튼 너비, 패딩, 여백 및 테두리 반경을 조정합니다.
- 정렬 자유도: 버튼 왼쪽, 가운데 또는 오른쪽을 양식 컨테이너 내에 배치합니다.
- 고급 효과: 상자 그림자 및 사용자 지정 테두리 유형을 적용하여 버튼을 눈에 띄는 시각적 요소로 만듭니다.
weform에 대해 자주 묻는 질문
이 요소를 기존 weForms 에 어떻게 연결합니까?
간단합니다. 콘텐츠 탭에서 “WeForm 선택” 드롭다운이 표시됩니다. 클릭하면 weForms 플러그인 대시보드에서 만든 모든 양식의 목록이 표시됩니다. 삽입하고 디자인할 요소를 선택하면 됩니다. 해당 요소는 라이브 양식 필드 (이름,이메일 등) 에서 자동으로 끌어옵니다.
내 양식이 이전처럼 계속 작동하고 이메일을 보내나요?
물론 그렇습니다. 이 요소는 Elementor 내에서 양식의 시각적 디자인만 변경합니다. 모든 핵심 weForms 기능 – 필드 로직,알림, 이메일 라우팅,확인 및 데이터 저장 –은 100% 그대로 유지되며 weForms 플러그인 설정에서 구성한 대로 정확하게 작동합니다.
동일한 사이트에서 다른 양식에 대해 다른 스타일을 사용할 수 있습니까?
물론! 페이지에 배치하는 각 Master Addons weForms 요소는 독립적으로 스타일이 지정됩니다. 바닥글에 미니멀리스트 연락처 양식 (스타일 2 사용) 과 충돌없이 영웅 섹션 (스타일 7 사용) 에 대담하고 다채로운 등록 양식을 사용할 수 있습니다.
설계된 양식이 모바일에서 완벽하게 반응합니까?
예. 요소는 반응성을 염두에 두고 제작되었습니다. 컨테이너 너비,필드 너비,패딩, 글꼴 크기가 모두 적응됩니다. 고급 제어를 위해 Elementor 의 반응 모드를 사용하여 태블릿 및 모바일 뷰에 특별히 설정을 조정할 수 있습니다 (필드 쌓기 또는 버튼 크기 조정 등).
기본 weForms 플러그인에서 필드 설정을 업데이트하면 어떻게 되나요?
변경 사항 (새 필드 추가 또는 필드 레이블 변경 등) 이 자동으로 동기화됩니다. 업데이트된 필드 구조를 보려면 Elementor 편집기 보기 (도우미 텍스트에서 알 수 있듯이) 를 새로 고치기만 하면 됩니다. 그러면 사용자 지정 스타일이 새 필드 또는 업데이트된 필드에 적용됩니다.
조건부 논리 및 기타 고급 weForms 기능을 계속 사용할 수 있습니까?
확실히. 이 요소는 실제 작동하는 weForm 을 내장하고 있기 때문에 weForms 에서 설정한 조건부 논리,다중 페이지 양식,파일 업로드 및 통합과 같은 모든 고급 기능이 완벽하게 작동할 것입니다. 새롭고 아름다운 프런트 엔드 스킨을 제공하는 것뿐입니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
