온라인 양식 항목을 사용하여 WordPress 테이블을 자동으로 만드는 방법

여기에 있으므로 청중이 최상의 경험을 얻을 수 있도록 양식 항목을 표 형식으로 표시하고 싶을 것입니다. 우리는 당신을 위한 훌륭한 솔루션을 가지고 있습니다! WordPress 테이블에 양식 항목을 추가하려면 WordPress의 양식과 테이블 플러그인만 있으면 됩니다.

양식 및 테이블 플러그인 통합이 필요한 이유

자동화된 솔루션을 선택하지 않는 경우 프로세스가 어떻게 보일지 시각화해 보겠습니다.

웹사이트에 온라인 양식이 있고 양식 항목을 표 형식으로 표시하려고 한다고 가정합니다. 이렇게 하려면 다음 중 하나를 수행해야 합니다.

1. 양식 제출을 수동으로 복사하여 테이블에 붙여넣습니다. 그러나 이것은 많은 노력을 요하고 인적 오류의 기회를 남깁니다. 작업을 수행하는 데 매일 걸리는 시간은 말할 것도 없습니다.

또는,

2. 양식 데이터의 CSV 파일을 내보내고 테이블에 추가하여 정기적으로 테이블을 업데이트할 수 있습니다. 이 옵션은 사람의 개입과 노력이 필요하며 확실히 번거롭습니다.

그런 의미에서 Ninja Tables와 Fluent Forms의 통합은 양식 항목을 자동으로 가져와 데이터 테이블에 배치해야 할 때 구세주입니다. 그리고 테이블은 실시간으로 업데이트되므로 데이터 항목을 수동으로 관리할 필요가 없으므로 오류의 여지가 없습니다.

Ninja Tables로 Fluent Forms 데이터를 가져와서 WordPress 웹사이트에 표 형식으로 표시하는 방법에 대한 몇 가지 트릭을 공개하려고 합니다. 당신의 삶을 더 쉽게 만들고 싶다면 저희에게 귀를 기울이십시오.

WordPress 테이블에 양식 항목 추가: Ninja Tables 및 Fluent Forms

Fluent Forms는 온라인 양식을 위한 최고의 연락처 양식 플러그인이며 현재 시장에서 최고 중 하나입니다! 마찬가지로 Ninja Tables는 WordPress용으로 가장 발전된 테이블 빌더이자 최고 수준의 데이터 테이블 솔루션입니다.

Fluent Forms를 Ninja Tables와 통합한다는 것은 WordPress 애호가가 과시하기에 정말 멋진 것을 가지고 있다는 것을 의미합니다! Fluent Forms로 양식을 한 번만 생성하면 되며, 통합을 구성하면 모든 업데이트가 Ninja Tables에 자동으로 나타납니다.

계속 진행하기 전에 WordPress에 두 플러그인이 모두 설치되어 있는지 다시 확인하십시오.

이제 양식을 사용하여 WordPress에서 테이블을 만드는 방법은 다음과 같습니다.

Ninja Tables 및 Fluent Forms가 있는 WordPress 테이블의 양식 항목(5단계)-

• Fluent Forms에서 양식 만들기
• 양식 데이터 입력
• 양식 제출
• Fluent Forms로 Ninja Table 연결하기
• 마무리

1단계: Fluent Forms에서 양식 만들기

먼저 WordPress 대시보드로 이동하여 "새 양식 추가"를 선택합니다. 사이드바의 드롭다운에서 "새 양식"을 선택할 수도 있습니다.

이제 여러 양식 범주가 있는 여러 상자가 표시됩니다. 기본 범주에는 현재 5가지 옵션이 있습니다.

• 빈칸
• 문의 양식
• 뉴스레터 양식
• 지원 양식
• 투표 양식

아래에 카테고리가 더 있습니다. 예: 제품, 교육, HR, 마케팅, IT, 재무, 사교 초청 등

이 데모에서는 시작하기 위해 빈 양식을 편집합니다. 과정은 모두 동일합니다.

빈 양식을 열면 창에 두 가지 양식 생성 옵션( 입력 필드 및 입력 사용자 정의 )이 표시됩니다.

생성하려면,

• 필드를 클릭하십시오
• 왼쪽 필드 드래그 앤 드롭
• "+"기호를 클릭하십시오
• 검색 차단

보시다시피 양식의 이름은 자동으로 지정됩니다. 왼쪽 상단의 강조 표시된 영역에서 이름을 편집할 수 있습니다.

이미 양식이 준비된 경우 이 단계를 건너뛰고 4단계로 바로 이동할 수 있습니다. 그렇지 않은 경우 지침을 따르십시오.

Fluent Forms로 양식을 만드는 방법에 대한 문서도 더 잘 이해하는 데 도움이 될 수 있습니다.

2단계: 양식 데이터 입력

이름, 이메일, 주소, 전화번호의 4개 필드를 선택했습니다. 입력 사용자 정의 패널에서 원하는 만큼 입력을 편집할 수 있습니다. 확인란을 클릭하여 선택하거나 선택을 취소하기만 하면 됩니다.

여기에서 각 블록의 "+" 아이콘을 사용하여 위치 변경, 편집, 복제 및 삭제할 수 있습니다. Fluent Forms를 사용하면 사용자가 더 명확한 보기를 위해 오른쪽 상단 모서리에 있는 아이콘에서 전체 화면 모드로 이동할 수 있습니다.

우리는 또한 " Dunder Mifflin "이라는 양식의 이름을 지정할 것입니다. 이제 "양식 저장"으로 진행하십시오. 그리고 "미리보기 및 디자인"으로 이동합니다.

3단계: 양식 제출

"미리보기 및 디자인" 패널에서 양식 스타일 템플릿을 변경할 수 있습니다. 마찬가지로 별표 위치, 인라인 오류 메시지, 제출 성공 메시지 후 및 기타 의 오류 메시지 제출 후를 사용자 정의합니다.

양식 설정 및 사용자 정의가 완료되면 "설정 저장"을 클릭하십시오.

테스트 목적으로 더미 항목으로 양식을 채우고 모든 것이 제대로 작동하는지 확인할 수 있습니다. 첫 번째 제출물이 첫 번째 항목이 됩니다. 그러나 더 많은 것을 원하면 제출 후 양식 입력 페이지를 새로고침하고 "편집기" 패널에 더 많은 항목을 넣으십시오. "항목"을 다시 로드하면 양식에 항목 업데이트가 표시됩니다.

다시 "미리보기 및 디자인"으로 이동하여 양식 스타일을 편집할 수 있습니다.

제출된 항목을 편집해야 한다고 생각되면 "작업"에서 "보기" 버튼(눈 모양 아이콘)을 클릭한 다음 "편집" 버튼을 클릭합니다. 창에는 편집하려는 특정 항목의 세부 정보가 표시됩니다.

"Dunder Mifflin" 양식에 이름, 이메일, 주소 및 전화 번호가 포함된 4개의 다른 항목만 추가했습니다. 그러나 Fluent Forms는 실제로 무제한으로 입력할 수 있습니다!

4단계: Fluent Forms로 Ninja 테이블 연결

마지막으로 WordPress 데이터 테이블에 양식 항목을 표시하려면 다음을 수행해야 합니다.

대시보드의 Ninja Tables로 이동하여 "Add Table"을 클릭하면 다음 이미지와 같은 팝업 창이 나타납니다.

이제 왼쪽 사이드바에서 "Connect Fluent Form" 옵션을 선택합니다. 그런 다음 "테이블 제목" 및 "양식 선택"에서 테이블 이름을 지정합니다.

테이블 이름을 " 테이블 형식으로 Dunder Mifflin 항목 표시 "로 지정하고 1단계 앞부분에서 만든 "Dunder Mifflin" 양식을 선택했습니다. 미리 만들어진 다른 양식도 선택할 수 있습니다.

양식 선택은 "입력 필드 선택"으로 연결되며, 여기에서 테이블이 열로 표시할 양식에서 입력 필드를 선택할 수 있습니다.

"저장"을 클릭한 직후 모든 양식 항목이 포함된 테이블이 나타납니다.

나머지는 모든 Ninja Tables에 대해 정확히 동일합니다. 결과적으로 행 편집, 디자인 및 구성, 가져오기-내보내기 등을 수행할 수 있습니다. 여기에서 Ninja Tables를 사용자 지정하고 스타일을 지정하는 방법에 대한 자세한 설명을 찾을 수 있습니다.

5단계: 마무리

그게 다야!

4단계에서는 데이터 테이블에 양식 항목을 삽입하는 프로세스를 거의 완료합니다. 여기에서 이 단계는 최종 테이블이 어떻게 생겼는지 보여주기 위한 것입니다.

우리는 Ninja Tables 색상 사용자 정의 기능으로 테이블을 디자인했습니다. 이제 테이블의 단축 코드를 복사하여 WordPress 게시물/페이지의 아무 곳에나 붙여넣을 수 있습니다.

일부 추가 비트

• Ninja Tables와 Fluent Forms 통합의 가장 좋은 점은 자동 업데이트 입니다. 양식에서 편집한 데이터가 무엇이든 테이블에 표시됩니다.
• 항목을 무제한으로 입력하고 원하는 만큼 사용자 지정할 수 있습니다.
• 코딩 지식이 필요하지 않습니다.
• 이 통합에 대한 자세한 문서를 확인하십시오.

맺음말

의심할 여지 없이 Fluent Forms와 Ninja Tables는 WordPress 애호가 또는 초보자를 위한 가장 강력한 조합입니다! 사용자 친화적인 기능과 스마트 UI를 통해 이 두 플러그인을 통합하여 완벽한 데이터 프레젠테이션을 보장할 수 있습니다.

Ninja Tables 및 Fluent Forms를 사용하여 WordPress 테이블에 양식 항목을 추가하는 방법에 대해 논의했습니다. 이 간결한 기사가 당신에게 충분하기를 바랍니다. 이해하는 데 문제가 있으면 소리를 지르십시오.

Google 스프레드시트를 온라인 데이터 테이블에 포함하는 방법에 대한 다른 기사를 훑어볼 수 있습니다.