Gravity Forms 항목에서 WordPress HTML 테이블을 표시하는 방법

WP Table Manager Gravity Forms와 완벽하게 통합되어 항목을 기반으로 HTML 표를 만들 수 있고, 항목을 필터링, 디자인하고, 최상의 방식으로 즉시 동기화하여 표시할 수 있습니다.

양식 항목을 보여주는 것은 모든 사이트에 필요한 중요한 측면입니다. 양식에서 수집한 내용을 최대한 활용하는 가장 좋은 방법이기 때문입니다. 이를 위해 표가 가장 적합합니다. 표는 내부 프로세스에 도움이 될 뿐만 아니라 페이지나 게시물에 제출 내용을 보여주고 싶을 때도 많은 도움이 됩니다. 예를 들어, 공급업체로부터 데이터를 수집하여 고객에게 보여주는 연락처 양식이 있는 경우입니다.

이 튜토리얼에서는 Gravity Form 항목을 HTML 테이블에 직접 추가하는 방법과 이를 페이지나 게시물에 추가하는 방법을 알아보겠습니다.

양식 항목을 사용하여 WordPress HTML 테이블 만들기 및 사용자 지정

이 튜토리얼을 따르려면 Gravity Forms와 WP Table Manager 필요하다는 점에 유의하세요.

먼저, 이 튜토리얼을 위해 몇 가지 항목을 포함한 Gravity Forms를 생성하여 테이블을 만들어 보겠습니다.

이제 양식이 준비되었으므로 WP Table Manager > 모든 테이블 + 만들기 를 클릭해야 합니다 . Gravity Forms가 설치되어 있다면 Gravity Forms의 테이블이 표시되면 클릭합니다.

이렇게 하면 모든 활성 양식이 표시됩니다. 사용할 양식을 선택한 다음 표시할 필드를 선택하거나 모든 필드만 표시하고 완료 .

양식의 항목이 자동으로 테이블에 로드되고 헤더에만 테두리가 추가되어 해당 항목을 쉽게 식별할 수 있습니다.

이제 우리가 볼 수 있는 첫 번째 것은 WP Table Manager 에서 사용 가능한 모든 사용자 정의 옵션이 있다는 것입니다. 필터를 만드는 것부터 시작해 보겠습니다. 이는 양식에 많은 항목이 있는 경우 유용합니다.

필터를 생성하려면 서식 > 정렬 및 필터를 . 필터링할 항목을 선택할 수 있는 팝업이 나타나고 정렬 옵션도 원하는 경우 필터 사용 옵션을 없음 열 내부 로 하고 정렬도 활성화 .

정렬 및 필터는 사이트 맨 앞에만 표시되므로 표를 페이지/게시물에 추가하면 볼 수 있습니다. 표를 추가하는 것은 WP Table Manager Table 블록을 검색하여 게시물/페이지에 추가하는 것만큼 간단합니다.

정렬 옵션이 있는 멋진 필터가 있지만 여전히 테이블에 스타일을 지정할 수 있습니다. 이를 위해 WP Table Manager의 테이블 편집기에서 정렬, 테두리, 굵은 글꼴 등 모든 옵션을 사용할 수 있습니다. 다음과 같은 모든 옵션을 사용할 수 있습니다.

이 튜토리얼에서는 모든 글꼴을 강하게 설정하고 테마 > 대체 색상 섹션을 사용하여 테이블 생성 속도를 더욱 높일 것입니다.

가장 좋은 점은 제출된 모든 항목으로 테이블의 셀을 계속 업데이트한다는 것입니다. 이전에 게시한 페이지에서 양식을 살펴보겠습니다.

완료! 입력한 내용이 표시되고, 표를 사용자 정의하는 옵션을 사용하여 어떤 테마에도 맞게 만들 수 있습니다!

Gravity Form 항목에서 차트까지

WP Table Manager 생각할 수 있지만 '차트 > 데이터로 차트 만들기'를 클릭하기만 하면 됩니다 .

마법이 완성되었습니다! 이제 테이블 데이터가 차트에 표시되고, 다른 테마를 적용하거나 차트에 사용할 데이터를 선택하는 등 다양한 사용자 지정 도구가 있는 사이드 패널도 생겼습니다. 예를 들어, 이제 양식을 사용하여 구매한 제품 수량을 기반으로 차트를 만들 수 있습니다!

측면 패널의 첫 번째 섹션에서는 테마를 선택하고, 사용될 데이터와 색상을 선택할 수 있습니다.

두 번째 섹션의 구성 차트를 더욱 세부적으로 사용자 정의하고 차트의 각 부분을 정의하는 데 사용되는 레이블을 편집할 수 있습니다. 또한 차트를 원하는 곳에 표시하는 데 사용할 수 있는 단축 코드도 포함되어 있습니다.

이 경우, 우리는 2개의 제품을 비교하고 있기 때문에 2가지 색상의 원형 차트를 사용하여 판매 수의 차이를 쉽게 확인할 수 있었습니다.

이를 게시하는 과정은 일반적인 표를 표시하는 과정과 유사하며, 모든 주요 페이지 빌더에서 사용 가능한 WP Table Manager 차트 블록이 있는 모든 페이지 빌더를 사용할 수 있습니다.

표시할 차트를 선택할 수 있는 상자가 열립니다. 차트를 선택하면 완료됩니다! 차트가 게시됩니다.

이제 입력 항목이 담긴 표와 표를 이해하는 데 도움이 되는 멋진 차트가 있으니, 이 통합 기능은 완벽한 도구라고 할 수 있겠죠! 그렇지 않나요?

Gravity Forms와 WP Table Manager 사용해 보세요

보시다시피 WP Table Manager 와 Gravity Forms는 모든 입력과 데이터를 체계적으로 정리하는 데 완벽한 조합입니다. 다양한 방식으로 표시할 수 있고, 버튼 클릭 한 번으로 간편하게 통합할 수 있습니다. 정말 멋지죠! 안 그래요? 뭘 망설이시나요? 여기를 WP Table Manager 받아보세요 .