1 мин чтения 21

DataViews в WordPress 7.0: как кастомизировать админку без боли

Юлия
Юлия
Автор статьи

WordPress 7.0 принёс самое заметное обновление админки с 2013 года. На смену привычным таблицам пришёл DataViews — компонент на React, который позволяет фильтровать, сортировать и управлять данными без перезагрузки страницы.

Что такое DataViews

DataViews — это набор UI-компонентов, который WordPress использует для экранов записей, страниц и медиафайлов. Разработчики плагинов могут использовать его для создания собственных интерфейсов управления данными.

  • Фильтрация на лету: Без перезагрузки страницы.
  • Массовые действия: Выбор нескольких записей и применение операций.
  • Omnibar: Навигация и поиск без использования мыши.

Как интегрировать DataViews в свой плагин

import { DataViews } from '@wordpress/dataviews';const MyDataView = () => {
return (
<DataViews
data={ myData }
fields={ myFields }
view={ view }
onChangeView={ setView }
/>
);
};

Компонент доступен через пакеты @wordpress/dataviews. Он требует знания React, но значительно упрощает создание сложных админ-интерфейсов.

Что изменилось для обычных пользователей

БылоСтало
Статичная таблица записейДинамический список с фильтрами
Перезагрузка при сортировкеМгновенная сортировка
Разные экраны для разных типовЕдиный интерфейс DataViews

DataViews — это не косметика. Это фундамент для будущих админ-интерфейсов WordPress. Если вы пишете плагины с таблицами данных, пора переходить на этот компонент.

Обсудим ваш проект?

Помогу с сайтом, который приносит клиентов — от идеи до запуска.