워드프레스 DB (데이터베이스) 데이터를 표 형식으로 표시하는 방법 - wpDataTables 플러그인 (테이블 & 차트 생성)
몇 년 전에 워드프레스 컨택트 폼 신청서 플러그인인 Quform에서 제출한 데이터를 프런트엔드에 표 형식으로 표시하는 방법에 대해 Quform 개발자에게 문의한 적이 있습니다. 그 때 Quform 개발자로부터 wpDataTables 플러그인을 사용하여 테이블 형식으로 표시할 수 있다는 답변을 들었습니다.
워드프레스 DB (데이터베이스) 데이터를 표 형식으로 표시하는 방법 - wpDataTables 플러그인 (테이블 & 차트 생성)
위에 링크된 글의 댓글에 언급되어 있듯이, Quform으로 만든 양식을 통해 사용자가 데이터를 제출하면 DB에 저장이 됩니다. 하지만 Quform에서 자체적으로 저장하는 DB 테이블을 활용하여 프런트엔드에 원하는 형식으로 표시하는 작업이 쉽지 않은 것 같습니다.
phpMyAdmin 같은 툴에 접속하여 원하는 구조로 직접 커스텀 테이블(custom table)을 만든 후에 Quform 제출 데이터를 커스텀 테이블 저장하면 wpDataTables 플러그인을 사용하여 쉽게 프런트엔드에 표시할 수 있을 것입니다.
최근에 WPForms 플러그인으로 만든 문의 폼에서 제출한 데이터를 커스텀 테이블에 저장시킨 후에 wpDataTables 플러그인을 사용하여 프런트엔드에 표 형식으로 표시하는 작업을 테스트한 적이 있습니다.
위의 영상에서 실제 작동을 확인해볼 수 있습니다.
wpDataTables 플러그인은 가격이 299달러로 제법 비싼 편입니다. 비싼 가격에도 불구하고 현재 2만 개 이상 판매되었습니다.
wpDataTables 무료 버전도 있지만 아쉽게도 유료 버전에서만 MySQL DB를 지원합니다. 저는 할인 행사를 진행할 때 이 플러그인을 구입했습니다. (하지만 할인을 해도 가격이 만만치 않았습니다.ㅠ)
워드프레스 DB를 다룰 일이 많다면 이 플러그인을 활용하면 시간과 노력을 절감할 수 있을 것입니다.
[참고*업데이트: 엘리멘터 프로의 Form 위젯, 아바다 테마의 Form 요소로 만든 문의 폼에서 제출한 데이터를 커스텀 DB에 저장하고 wpDataTables에서 테이블로 표시하거나 케이보드 등의 게시판과 연동시킬 수 있습니다.*]
※이 플러그인을 사용하여 MySQL 테이블 데이터를 표시하거나 편집할 수 있고, 차트 렌더링을 위한 3가지 라이브러리를 지원합니다.
추가
Quform, Elementor Pro의 문의 폼 위젯, 아바다 테마의 문의 폼, WPForms 프로 버전, Contact Form 7 등의 문의 폼 데이터를 케이보드 게시판에 등록하거나 wpDataTables 플러그인과 연동시켜 테이블(표)로 표시하는 것이 가능합니다.
이런 작업이 필요한 경우 여기에서 서비스(유료)를 의뢰하실 수 있습니다.
참고:
- 워드프레스 Quform 플러그인, 단계별로 양식을 입력할 수 있는 다중 페이지 기능 추가
- 커스텀 Form 데이터를 DB에 저장하는 방법 - Saving custom form data into database (워드프레스 stackexchange 문서)