Elementor용 필수 애드온으로 WP Fluent Forms 사용자 지정
게시 됨: 2019-10-19좋은 소식입니다 여러분! 이제 양식을 사용자 정의하여 더 많은 자유를 누릴 수 있습니다. Fluent Forms는 다양한 강력한 도구와의 호환성으로 인해 점점 더 좋아지고 있습니다. 당신은 Elementor 페이지 빌더의 팬입니까? 그렇다면 분명 좋은 소식이 있을 것입니다. Essential Addons와 결합하여 이제 양식을 쉽게 사용자 정의하여 더 매력적으로 만들 수 있습니다.
Essential Addons는 Elementor용 요소 라이브러리입니다. 환상적인 준비 블록 목록과 함께 이 플러그인은 페이지 구축 경험을 기억에 남게 만들 것입니다. WP Fluent Forms는 이 목록의 최신 항목이며 원하는 대로 양식을 만드는 훌륭한 방법을 즐길 수 있습니다.
사용하는 방법
핵심을 살펴보기 전에 Essential Addons 내에서 Fluent Forms를 활성화하는 방법을 알려 드리겠습니다. 플러그인 저장소에서 Elementor 및 Essential Addons를 설치하고 둘 다 활성화합니다. 이제 요소 섹션에서 Fluent Form 을 선택합니다.
Fluent Form 아래의 드롭다운을 클릭하고 사용할 양식을 선택합니다.
콤보를 사용하여 더 강력하게
EA Fluent Forms를 사용해야 하는 이유는 무엇입니까? Essential Addons는 Elementor 페이지 빌더에서 가장 인기 있는 애드온입니다. 마찬가지로 WP Fluent Forms는 빠르게 성장하는 커뮤니티와 함께 가장 기능이 풍부한 양식 빌더 플러그인입니다.
Essential Addons를 사용하여 비밀의 힘을 지닌 사전 제작된 요소를 얻을 수 있습니다. 같은 메모에서 Fluent Forms는 상상할 수 있는 모든 양식을 만드는 가장 빠르고 쉬운 플러그인입니다.
이제 한 곳에서 둘 다 사용하는 방법에 대해 생각해 보십시오. 함께 양식 작성 및 사용자 정의에 대한 전체 경험을 변경할 수 있습니다. 우리가 부족한 부분에서 Essential Addons가 나타나 그 격차를 메웁니다.
EA Fluent Forms에서 기대할 수 있는 것을 살펴보겠습니다.
원하는 방식으로 양식 스타일 지정
Fluent Forms는 속도와 사용자 경험에 중점을 둡니다. 사이트가 느리게 로드되는 것을 방지하기 위해 가능한 한 최소한의 자산으로 제공됩니다. 그렇다고 해서 양식을 더 미적으로 만들기 위해 개인화할 수 없다는 의미는 아닙니다.
데모 양식을 확인하여 양식에 얼마나 많은 변형을 가져올 수 있는지 알아보십시오. 또한 Essential Addons의 단일 데모 페이지에서는 Elementor를 사용하여 Fluent Forms에 구현된 몇 가지 아름다운 스타일을 보여줍니다.
모든 것을 사용자 정의
Fluent Forms로 양식을 만든 후 Essential Addons로 양식을 열고 프런트 엔드에서 모든 것을 편집할 수 있습니다. 양식 배경색을 변경하고 배치하려는 위치( 오른쪽 , 왼쪽 또는 중앙 )에 정렬된 상태로 유지합니다.
최대 너비, 여백, 패딩 및 반경을 설정하여 이상적인 모양으로 양식을 성형하십시오. 테두리를 추가하려면 5가지 스타일 중에서 테두리 유형을 선택하세요. 그리고 Form Container 아래에서 이러한 모든 옵션을 찾을 수 있습니다.
더 나은 타이포그래피
Fluent Forms에서는 타이포그래피를 개선하기 위한 옵션이 제한되지 않습니다. EA Fluent Forms를 사용하여 사용자 지정하는 동안 웹사이트에서 따르는 스타일을 텍스트로 만들 수 있는 많은 기회를 얻게 됩니다.
먼저 텍스트 색상으로 시작합니다. 다른 기능은 다음 탭인 타이포그래피에서 사용할 수 있습니다. 거기에서 먼저 글꼴 모음을 선택한 다음 다른 모든 것을 변경합니다. 글꼴 두께, 텍스트 장식, 줄 높이 – 모두 얻을 수 있습니다.
입력 필드에 더 많은 전력 제공
EA Fluent Forms는 양식 필드를 변경할 수 있는 최고의 옵션입니다. 멋진 배치 옵션을 사용하여 배경 및 텍스트 색상, 테두리 스타일 등 원하는 것을 선택할 수 있습니다. 자리 표시자의 색상도 변경합니다.
Fluent Forms의 기본 설정을 넘어 고급 스타일링을 해보세요. 이제 입력 필드의 텍스트 들여쓰기, 입력 높이와 너비, 텍스트 영역 높이와 너비를 설정할 수 있습니다. 또한 타이포그래피와 상자 그림자를 사용하여 더 나은 형태를 디자인할 수 있습니다.
스타일 지정 라디오 버튼 및 체크박스
Fluent Forms가 제공하는 모든 흥미로운 기능으로 양식을 원하는 만큼 강력하게 만드십시오. 사용자는 라디오 및 확인란을 통해 더 많은 정보를 제공할 수 있습니다. 더 흥미로운 점은 이제 해당 요소에 추가 스타일을 사용할 수 있다는 것입니다.
크기를 결정한 후 색상과 테두리 너비를 설정할 수 있습니다. 뿐만 아니라 확인란과 라디오 버튼의 테두리 반경을 정의할 수 있습니다. 경우에 따라 정상 과 확인 사이에서 기회를 선택하는 것도 도움이 될 수 있습니다.
섹션 나누기 수정
섹션 나누기에도 EA Fluent Forms에서 제공하는 놀라운 옵션을 적용할 수 있습니다. 레이블 색상 변경 및 타이포그래피 사용자 지정부터 시작하겠습니다. 더 많은 설정이 나중에 올 것입니다. 섹션 나누기에 대한 설명을 작성하면 해당 설정도 관리할 수 있습니다.
아름다운 체크박스 그리드
체크 가능한 그리드 스타일을 선택하면 그리드 테이블을 보다 효율적으로 편집하고 만들 수 있는 옵션이 있습니다. 테이블 헤드 로 변경을 시작하고 색상과 배경 색상을 설정합니다. 두 가지 더 매력적인 기능은 높이와 패딩의 사용자 정의입니다.
그리드 테이블 항목의 경우 테이블 헤드와 동일한 옵션이 제공됩니다. 유일한 차이점은 이상한 항목 배경색을 선택해야 한다는 것입니다. 두 부분 모두 타이포그래피가 가능하며, 폰트 크기 변경 등이 가능합니다.
제출 버튼을 아름답게
Fluent Forms의 기본 제출 버튼으로 타협하지 마십시오. EA Fluent Forms를 선택하면 더 많은 옵션이 실행됩니다. 정렬, 너비, 배경색 - 버튼을 더 매력적으로 만들기 위해 모든 것을 수정할 수 있습니다.
배경색을 변경한 직후에 보기 좋게 텍스트 색상을 선택합니다. 유형 및 테두리 반경으로 테두리 스타일을 업데이트합니다. 상자 그림자 와 타이포그래피 는 마지막이지만 제출 버튼에 대한 두 가지 환상적인 옵션은 아닙니다.
메시지로 알림
오류 및 성공 메시지 표시는 WP Fluent Forms의 두 가지 기본 기능입니다. EA Fluent Forms를 사용하면 두 메시지로 더 많은 작업을 수행할 수 있습니다. 표시 또는 숨기기를 선택하여 오류 메시지를 표시하거나 표시하지 않을 수 있습니다.
성공 메시지를 표시하는 동안 테두리를 특정 스타일로 지정하여 배경색 및 텍스트 색상을 변경할 수 있습니다. 또한, 타이포그래피를 효과적으로 개선할 수 있습니다. 오류 메시지에도 유사한 스타일을 사용할 수 있습니다.
정교한 사용자를 위한 고급 기능
모든 최첨단 사용자 정의 옵션으로 완전히 새로운 위치에서 양식을 조정하십시오. 이러한 고급 기능 중 일부는 상상할 수 없더라도 목표를 달성할 수 있습니다.
여백 및 패딩 외에도 CSS에 대한 다른 옵션을 설정할 수 있습니다. Z-색인이 있는 요소의 스택 순서를 지정합니다. 양식에서 더 많은 작업을 보려면 CSS ID와 클래스를 제공하세요.
강력한 애니메이션 효과 배포
모션 효과로 보다 생동감 있는 폼을 만들어 보시지 않겠습니까? 약속한 대로 Fluent Forms는 Essential Addons로 기능을 확장했습니다. 정적 양식을 동적 상태로 바꿉니다. 사용 가능한 많은 효과로 양식을 놀랍게 움직이게 하십시오. 사람들이 귀하의 페이지를 방문할 때마다 연락처 양식의 단순하면서도 스마트한 애니메이션 스타일을 즐길 수 있습니다.
매혹적인 배경
배경에 일부 그래픽을 추가하면 양식의 인터페이스를 개선하고 더 많은 고객을 유치할 수 있습니다. 일반과 호버 중 선택하면 설정이 별도의 옵션으로 제공되며 모두 훌륭합니다.
배경에 아름다운 색상을 지정하거나 시각적 품질을 높이는 데 도움이 되는 이미지를 선택하십시오. 이미지를 선택하는 대신 그라디언트를 선택한 다음 기본 색상, 두 번째 색상, 위치, 유형 등 관련된 모든 것을 변경할 수 있습니다.
가시성 제한
Fluent Forms는 레이아웃을 손상시키지 않고 모든 장치에서 훌륭하게 보이도록 개발되었습니다. Essential Addons의 놀라운 점은 특정 장치에서 양식을 숨길 수 있다는 것입니다.
맞춤 CSS 적용
개발자는 사용자 정의 CSS를 사용하여 더 매력적인 작업을 수행할 수 있습니다. EA Fluent Forms를 사용하면 프로 사용자가 선호하는 스타일을 추가하고 양식을 더욱 개인화할 수 있습니다. 모든 위젯에 CSS 코드를 추가하고 라이브 액션을 볼 수 있습니다.
또한 사용자 정의 CSS 덕분에 모든 웹 사이트에서 원하는 양식을 복제할 수 있습니다. 그렇지 않으면 기본 스타일 옵션 이외의 선택 항목으로 특정 부분을 변경하십시오.
결론
WP Fluent Forms는 유명한 Elementor 플러그인의 요소에 대한 가용성으로 더욱 강력합니다. Essential Addons는 이를 가능하게 했으며 몇 번의 클릭만으로 사용자의 마음을 사로잡을 즉시 사용할 수 있는 연락처 양식을 만들 수 있습니다.
WP Fluent Forms Pro
지금 Fluent Forms를 사용해 보고 직접 확인하십시오!
Essential Addons를 사용하여 다음을 수행할 수 있습니다.
- 레이아웃 변경
- 좋아하는 색상 추가
- 자신의 스타일을 적용
- 더 개인화하십시오
- 타이포그래피와 모든 것을 개선
Essential Addons는 300K 활성 설치가 있는 #1 Elementor 애드온입니다. 사랑의 표시로 사용자가 10% 할인된 가격으로 이 플러그인을 사용할 수 있습니다. ManageNinja 를 쿠폰 코드로 적용하여 Essential Addons를 구매하고 웹 개발을 더욱 즐겁게 만드십시오.