업데이트 4.5 – 단일 셀 단축 코드, ApexCharts 등

게시 됨: 2022-08-18

우리 팀은 귀하의 요청에 주의 깊게 귀를 기울였으며 귀하와 귀하의 클라이언트를 위해 몇 가지 멋진 새로운 것을 준비했습니다. 우리의 목표는 모든 요구 사항을 충족하고 비즈니스를 가능한 한 최고 수준으로 끌어올리는 것입니다. 그 결과 단일 셀 단축 코드, ApexCharts, Avada 및 Divi 통합, 새로운 차트 엔진이 도입된 wpDataTables 4.5 업데이트가 탄생했습니다.

그러나 이것이 전부는 아닙니다! 새로운 아이디어나 요청 사항이 있는 경우 언제든지 기능을 제안할 수 있으며 기꺼이 알려드리겠습니다. 귀하의 만족이 우리의 주요 초점이므로 함께 성장할 수 있도록 저희에게 연락하십시오. 곧 더 많은 멋진 기능을 보게 되겠지만 지금 당장은 어떤 기능을 준비했는지 살펴보겠습니다.

단일 셀 단축 코드

wpDataTable 4.5 업데이트로 여러분이 가장 원했던 기능이 드디어 등장했습니다! 이제 전체 테이블이 아닌 하나(또는 그 이상) 테이블 셀의 데이터 를 표시할 수 있습니다. 특정 제품의 가격, 최저 중량, 최종 결과 또는 기타 중요한 사항을 골라 원하는 방식으로 수정할 수 있습니다. 더 알고 싶다면 여기를 클릭하세요.

이 데모에서는 여기에서 볼 수 있는 제품 비교 표를 사용했습니다 .

모델
화웨이 P40 프로
램
8GB RAM
메인 카메라
52Mpx
가격
$804

ApexCharts.js

Google Charts, Highcharts 및 Chart.js 외에도 이제 ApexCharts.js도 사용할 수 있습니다 . 필요에 따라 대화형 시각화를 만드는 데 사용할 수 있는 가장 인기 있고 현대적인 차트 라이브러리 중 하나입니다. 또한 오픈 소스이므로 상용 응용 프로그램에 사용할 수 있습니다.

새로운 것은 무엇입니까? 19가지 차트 유형을 원하는 대로 사용할 수 있습니다. 또한 마커 크기, 데이터 레이블, 그림자, 격자선 색상, 격자 위치, 원형 차트의 눈금 양, 도구 모음 등과 같이 차트를 사용자 정의하는 데 사용할 수 있는 새롭고 훌륭한 옵션이 있습니다 . 여기에서 ApexCharts를 구성하는 방법에 대한 모든 세부 정보를 찾을 수 있습니다 .

이전에 언급한 ApexChart 옵션에 대해 자세히 알아볼 수 있습니다.

  • 마커 크기, 눈금 양 및 그림자
  • 데이터 레이블
  • 툴팁 색상(시리즈와 동일)
  • 원형 차트를 위한 흑백 및 기타 색상 팔레트
  • 방사형 막대 차트
  • 콤보 차트

ApexCharts 엔진과 동기화된 차트

WordPress 세계에서 새롭고 독특한 차트 유형인 동기화된 차트를 제공하게 된 것을 자랑스럽게 생각합니다. 동기화된 차트를 사용하면 이제 동일한 데이터에 대해 여러 차트를 만들고 더 나은 시각화를 가질 수 있습니다. 예를 들어 공통 x축이 있는 두 개 이상의 차트를 사용하고 y축의 차이를 동시에 비교할 수 있습니다. 이것은 온도, 가격 차이를 비교하거나 며칠, 몇 달 또는 몇 년 동안 지출을 추적하려는 경우에 특히 유용할 수 있습니다. 이것은 모두 wpDataCharts 콜백이 있는 작은 확장으로 가능합니다. 이를 구성하는 방법에 대한 자세한 내용은 여기에서 확인할 수 있습니다.

Highcharts 접근성 모듈 추가

웹사이트를 보다 생산적으로 만들기 위해 Highcharts 접근성 모듈도 추가했습니다. 또한 웹 크롤러(스파이더)가 차트를 더 잘 볼 수 있도록 하여 SEO에 도움이 됩니다.

새로운 동적 자리 표시자

6개의 새로운 동적 자리 표시자가 추가되었습니다 (%VAR4%, %VAR5%, %VAR6%, %VAR7%, %VAR8% 및 %VAR9%). 이러한 자리 표시자는 열이 텍스트 필터를 사용하는 다른 데이터 테이블뿐만 아니라 SQL 쿼리의 동적 필터링을 위한 더 많은 가능성을 제공합니다. 자리 표시자에 대해 더 알고 싶다면 여기를 클릭하세요.

예를 들어 제품 이름, 모델, 기술 등과 같은 다른 열이 있는 제품 테이블로 작업한다고 가정해 보겠습니다. 이 경우 다른 자리 표시자를 사용하여 필요에 맞는 특정 값을 얻습니다. %VAR1%는 제품 이름, %VAR2%는 해당 제품의 모델 등을 가져옵니다. 아래 예와 같이 %CURRENT_USER_ID% 자리 표시자를 사용하여 현재 로그인한 사용자의 ID를 얻을 수도 있습니다.

다른 테이블 유형(Excel, CSV, Google 스프레드시트, JSON, XML 및 PHP 배열)과 함께 자리 표시자를 필터의 사전 정의된 값으로, 편집 가능한 테이블의 경우 편집 모달의 사전 정의된 값으로 사용할 수 있습니다. .

복제 – 새로운 편집 버튼

새로운 복제 버튼은 다양한 경우에 사용할 수 있지만 주요 목적은 유사한 열이 여러 개 있고 각 행을 다시 입력하고 싶지 않은 상황에 있습니다 . 이렇게 하면 행을 복제하고 필요한 열을 변경할 수 있습니다.

아래 예에서는 마지막 제품 항목을 복제했으며 나머지 항목 데이터는 동일하게 유지하면서 "색상" 열 값만 변경했습니다.

프런트 엔드에 표시할 편집 버튼을 선택할 수 있습니다. 이 예 에서는 "편집" 및 "복제" 버튼만 선택 했습니다.

Avada 및 Divi 웹 사이트 빌더와의 새로운 통합

wpDataTables 는 이미 WPBakery, Elementor 및 Gutenberg와 같은 가장 인기 있는 페이지 빌더와 통합되어 있지만 이제 Avada 및 Divi와의 통합을 추가하여 이 목록을 확장했습니다.

Avada Website Builder는 WordPress 세계에서 가장 잘 알려져 있고 널리 사용되는 페이지 빌더 중 하나입니다 . 사용자가 표준 페이지 레이아웃을 변경할 수 있는 우아한 드래그 앤 드롭 페이지 빌더입니다. 더 알고 싶다면 여기를 클릭하세요.

Divi Website Builder는 표준 WordPress 포스트 편집기를 훨씬 우수한 비주얼 편집기로 대체하는 웹 사이트 구축 플랫폼입니다. 더 알고 싶다면 여기를 클릭하세요.

개량:

테이블 옵션

  • 날짜 선택기 에서 날짜를 선택하면 자동으로 닫힙니다.
  • 반응형 작업에 대한 세 가지 새로운 옵션이 있습니다. 이제 추가 행을 열 때 " 아이콘" , " 셀" 또는 " 행" 중에서 선택할 수 있습니다.
  • " New entry" 버튼이 비활성화되면 " Apply and add new " 버튼이 더 이상 편집 모달에 표시되지 않습니다.
  • 평균 계산 기능 은 더 이상 빈 셀을 계산하지 않습니다.

별도의 연결 성능

별도의 데이터베이스와의 최적화된 연결과 별도의 연결을 사용하는 테이블의 로딩 시간 이 크게 향상되었습니다.

개발자를 위한 더 많은 후크 추가

단일 셀 단축 코드를 필터링하고, 각 차트 엔진의 옵션을 개별적으로 사용자 지정하고 , PDO 및 MySQLi 연결을 필터링하기 위한 새로운 후크가 추가되었습니다.

지금은 그게 다야! 그러나 여기서는 포장하지 않습니다. 앞으로 몇 달 안에 많은 새롭고 유용한 기능이 제공될 예정입니다. wpDataTables 4.5를 사용해 보고 여러분의 생각을 알려주세요 . 귀하의 비즈니스가 어떻게 개선되었는지 기대하고 있습니다.