wpDataTables: таблицы и графики в WordPress

Показать на сайте прайс-лист, сравнение тарифов или статистику в виде аккуратной таблицы со сортировкой и поиском стандартными средствами WordPress сложно. Блок «Таблица» в редакторе подходит только для простых случаев. Для серьёзных задач есть плагин wpDataTables.

Что умеет

  • Таблицы из разных источников: Excel, CSV, Google Таблицы, JSON, XML, PHP-массивы и SQL-запросы к базе.
  • Интерактивность: сортировка, поиск, фильтры по столбцам, постраничный вывод, адаптивный вид на телефоне.
  • Редактирование прямо на сайте: пользователи с нужными правами меняют данные во фронтенде.
  • Диаграммы: линейные, столбчатые, круговые и другие на движках Google Charts, Highcharts, Chart.js и ApexCharts.
  • Условное форматирование: подсветка ячеек по значению, например красным всё, что ниже плана.
  • Автообновление: таблица из Google Таблиц или базы обновляется сама при изменении источника.

Бесплатная и платная версии

Бесплатная версия есть в каталоге WordPress: простые таблицы, импорт из Excel и CSV, базовые диаграммы. Связь с базами данных, редактирование во фронтенде, фильтры, дополнительные движки графиков и шаблоны есть только в Premium, цены смотрите на сайте разработчика.

Как начать

  1. Установите плагин из каталога или загрузите Premium.
  2. Откройте «wpDataTables», затем «Create a Table» и выберите источник.
  3. Настройте столбцы, сортировку и внешний вид.
  4. Вставьте таблицу на страницу блоком wpDataTables или шорткодом [wpdatatable id=1].
  5. Для диаграммы откройте «Create a Chart», выберите таблицу и тип графика.

Кому подходит

  • Магазинам и сервисам для прайс-листов и сравнения тарифов.
  • Аналитическим и новостным сайтам для статистики.
  • Корпоративным порталам, где данные хранятся в базе или таблицах.

Если нужна просто одна статичная таблица, хватит стандартного блока. Если данные меняются, их много или нужны графики, wpDataTables сэкономит много времени. Для своих полей и шаблонов пригодится ещё и ACF.

Источники и ссылки


Комментарии загружаются…