계산된 필드 양식: 플러그인 개요 및 검토

WordPress.org 저장소에서 가장 일반적인 플러그인 유형 중 하나는 양식 빌더입니다. Gravity Forms, Caldera Forms, Ninja Corms, Contact Form 7 등에서 선택할 수 있는 선택은 거의 끝이 없습니다. 그러나 모든 양식 빌더가 동일하게 생성되는 것은 아닙니다. 각 개발자는 약간 다른 사용자 경험과 기능 세트에 중점을 둡니다. 따라서 최상의 옵션을 선택하기가 어렵습니다. 많은 복잡한 수식과 계산을 처리할 수 있는 조건부 논리가 포함된 플러그인을 찾고 있다면 계산된 필드 양식이 가장 눈에 띕니다.

YouTube 채널 구독

계산된 필드 양식

계산된 필드 양식은 유틸리티로 인해 눈에 띌 뿐만 아니라 플러그인 저장소에서 최고 등급의 Gutenberg 지원(WordPress 블록 편집기) 플러그인 중 하나이기도 합니다. 블록 편집기가 기본적으로 활성화되어 있음에도 불구하고 찾은 모든 플러그인이 새로운 생태계와 통합된 것은 아니기 때문에 이것만으로도 확인할 가치가 있습니다.

플러그인은 또한 클래식 편집기(및 Divi와 같은 페이지 빌더 부팅)와 완벽하게 호환되므로 사이트 디자인 방식에 관계없이 계산된 필드 양식이 함께 작동합니다. 주어진 플러그인이 전반적으로 작동한다는 보장이 항상 있는 것은 아니기 때문에 언급합니다. 따라서 CFF는 블록 편집기, 클래식 편집기 및 페이지 빌더로 테스트되었기 때문에 언급할 가치가 있다고 생각했습니다.

언급할 가치가 있는 기능 중 일부는 플러그인으로 계산할 수 있는 것입니다. 이것은 단순한 문의 양식 플러그인이 아니기 때문에 매우 구체적인 사용 사례가 될 것입니다. 가장 눈에 띄는 기능 중 일부는 다음과 같습니다.

• 필요한 계산이 완료된 후 양식 자체에서 지불 수락(PayPal을 통해)
• 비주얼 폼 빌더
• 여러 미리 만들어진 템플릿
• 데이터베이스 제출 및 저장
• 계산된 필드의 무제한
• 조건부 규칙과 논리
• 여러 필드 유형(라디오, 드롭다운, 확인란 등)
• 단순 또는 고급 계산 옵션(일반 수학 및 삼항 연산자)
• 여러 페이지 양식
• 종속 필드
• 값 정렬
• 검색 엔진 크롤러에 대한 양식 비활성화

간략한 개요

CFF 설치는 간단합니다. WordPress.org 플러그인 저장소로 이동하여 CFF 플러그인을 다운로드한 다음 WP 대시보드의 플러그인 – 새로 추가 메뉴 옵션에서 업로드하십시오. 그렇게 하면 사이드바에 새로운 계산된 필드 양식 옵션이 표시됩니다.

4가지 옵션 중 1개만 실제 설정 링크임을 알 수 있습니다. 문서 링크는 개발자의 웹 사이트 및 지식 기반으로 열리고 온라인 도움말 링크는 WP.org 지원 포럼으로 연결됩니다. 업그레이드… 음, 무료 버전에서 업그레이드 페이지로 이동합니다.

우리의 요점은 이 정도의 강력한 기능을 갖춘 플러그인이 사용하기에 충분히 간단하여 전체 효과를 얻기 위해 단일 설정/옵션 페이지만 있으면 된다는 것입니다. 정말 인상적입니다. 물론 실제 옵션은 양식별로 수행되지만 많은 계산된 필드 플러그인이 압도적일 수 있으며 이 플러그인의 초기 단순성으로 인해 액세스할 수 있습니다.

양식 만들기

무료 버전(여기에서 논의할 것)에는 복제 및 편집할 수 있는 5가지 샘플 양식이 포함되어 있으며 필요한 경우 즉시 사용할 수 있습니다.

• 간단한 조작
• 날짜 계산(예약 캘린더 등의 경우)
• 이상적인 체중 계산기
• 임신 계산기
• 임대 계산기

이 페이지를 로드하는 즉시 이들 각각을 볼 수 있습니다. 단축 코드를 렌더링하는 모든 지점에서 오른쪽에 단축 코드를 추가할 수 있으며 비즈니스에 있습니다. 또한 복제 를 눌러 양식을 복제하고 설정 버튼을 사용하여 이미 있는 계산을 편집할 수 있습니다.

그 목록 아래에는 새 양식 버튼이 있으며, 이 버튼을 사용하면 위의 양식 목록 맨 아래에 새 옵션이 추가됩니다.

원하는 양식이 아무리 많아도 레이블만 지정하면 됩니다.

양식 편집

편집하려는 양식에 관계없이 설정을 누르면 해당 양식의 시각적 편집기로 이동합니다. 새 캔버스를 시작했으므로 빈 캔버스를 살펴보겠습니다.

왼쪽에 있는 항목을 클릭하기만 하면 오른쪽에 나타납니다. 그 시점에서 양식에서 원하는 위치로 끌어다 놓을 수 있습니다.

오른쪽에 새로 나타난 필드를 클릭합니다. 왼쪽 탭이 필드 설정 에 필드 추가 에서 변경됩니다.

각 필드에는 약간 다른 설정 페이지가 있지만 보편적인 것은 필드 이름, 메시지 태그 입니다 . 둔감한 레이블은 제외하고 추가하는 계산에서 이 필드의 값을 참조하기 위해 삽입할 변수 태그입니다.

필요한 모든 필드 설정 조정을 마치면 양식 설정 탭이 매우 자명합니다. 정렬, 쿠키 지속성, 템플릿, CSS 등과 같은 양식에 대한 전체 옵션을 조정합니다.

이 지점(또는 그 이전의 지점)에 도달하면 변경 사항 저장을 눌러야 합니다 . 그렇지 않으면 수행한 모든 사용자 지정을 잃게 됩니다. 계산된 필드 양식 빌더에는 자동 저장이 없습니다 . 따라서 무엇을 하든지 변경 사항 저장을 누르 십시오 .

이렇게 하면 기본 페이지로 돌아가지만 빠르게 다시 편집할 수 있습니다. 계산 설정을 할 때 진행 상황을 잃는 것보다 훨씬 쉽습니다. (이 경우 우리의 실수로부터 배우십시오.)

추가 양식 옵션 – 텍스트 및 유효성 검사

변경 사항 저장 버튼 아래에는 보조 양식 설정 및 옵션 세트가 있습니다.

많은 사람들이 이러한 설정을 거의 사용하지 않을 것입니다. 텍스트 정의 아래에서 레이블 텍스트를 사용자 정의 하고 이전 및 다음 버튼과 페이지 매기기에서 사용자에게 표시되는 내용을 선택합니다.

유효성 검사 설정을 사용하여 항목의 유효성을 검사해야 하는지(이것이 실제 이메일입니까? 숫자 필드에 텍스트를 입력했습니까?) 여부를 결정합니다. 유효성 검사를 사용하기로 결정했다면(그럴 가능성이 더 높음) 이 섹션을 사용하여 사용자에게 표시되는 자리 표시자 텍스트를 편집할 수 있습니다. 일반적으로 기본 텍스트가 작동하고 사용자에게 계산에 유효한 정보를 정확히 알려줍니다.

경우에 따라 더 구체적이거나 전문 용어 또는 업계 용어를 사용해야 할 수도 있습니다. 이때 이 설정 필드가 가장 많이 사용됩니다. 그러나 대부분은 이것을 사용하지 않을 것이며 아마도 아무 것도 변경해서는 안 됩니다. 고장나지 않았다면 고치지 말라는 클래스 케이스입니다.

최종 제품

알겠어? 제품? 수학 농담입니다. 계산을 하고 있기 때문입니다.

어쨌든 저장을 누르고 모든 영광의 양식을 볼 때 양식 빌더에서 다음과 같은 것을 볼 수 있습니다.

그리고 라이브 사이트에서 다음과 같은 내용이 있습니다.

위의 최종 양식은 양식 설정 탭에서 설정한 템플릿 2를 사용했습니다.

블록 편집기 사용

위에서 계산된 필드 양식이 블록 편집기와 호환된다는 점을 언급했으므로 함께 사용하는 것이 얼마나 쉬운지 보여드리기 위해 잠시 시간을 들이고자 합니다. 먼저 양식을 만들고 올바른 위치에서 계산을 수행하려면 위와 동일한 단계를 따라야 합니다.

그러나 그 후에 양식을 삽입하는 데 필요한 게시물이나 페이지를 블록 편집기에서 엽니다. 원 + 버튼을 눌러 새 블록을 추가하고 계산된 필드 양식 섹션을 찾을 때까지 스크롤한 다음 CFF 삽입을 클릭합니다.

그런 다음 화면 오른쪽의 차단 설정 아래를 보십시오. 양식 드롭다운을 사용하여 필요한 양식 을 선택할 수 있습니다. 그러면 CFF 블록이 게시물에서 실시간으로 업데이트됩니다.

양식을 편집하려면 위에서 시각적 양식 작성기를 사용해야 합니다. 그러나 블록 편집기를 사용한 삽입 및 스타일 지정은 그만큼 간단합니다.

마무리

보시다시피, 계산된 필드 양식 플러그인은 매우 강력한 기능을 수행할 수 있습니다. 무료 버전에서도. 업그레이드를 선택하면 훨씬 더 강력한 기능을 사용할 수 있지만 많은 사람들에게 무료 버전은 사용자가 필요로 하는 모든 계산 및 조건을 통과할 수 있을 만큼 충분히 강력할 것입니다. 위에서 말했듯이 저장소에는 거의 무한한 수의 양식 플러그인이 있지만 계산된 필드 양식이 더 나은 선택 중 하나라고 생각합니다. 특히 연락처 양식 작성기를 쇼핑하지 않는 경우.

CFF에 대한 귀하의 경험은 무엇입니까?

기사 특집 이미지 제공: sibgat / shutterstock.com