Таблицы — отличный способ структурировать информацию на сайте, но стандартный редактор WordPress далеко не всегда удобен для создания сложных таблиц. В этой статье разберём, как создавать визуально привлекательные и функциональные таблицы без знания кода, используя проверенные плагины и минимальные настройки.
Почему стандартный редактор WordPress не подходит для таблиц
В редакторе Gutenberg есть базовый блок «Таблица», который позволяет создавать простые таблицы с фиксированным количеством строк и столбцов. Однако он не поддерживает:
- Сортировку и фильтрацию данных
- Стилизацию отдельных ячеек
- Вставку формул или динамических данных
- Импорт и экспорт таблиц из Excel или CSV
Поэтому для продвинутых задач лучше использовать специализированные плагины.
Выбор плагина для создания таблиц в WordPress
Рассмотрим три популярных плагина, которые позволят создавать визуальные таблицы с продвинутым функционалом без кодирования:
1. TablePress
Один из самых популярных бесплатных плагинов для создания таблиц. Позволяет импортировать данные из Excel и CSV, поддерживает формулы и сортировку, а также легко настраивается через визуальный интерфейс.
Особенности:
- Импорт/экспорт таблиц
- Управление стилями через CSS (при желании)
- Возможность вставки таблиц через шорткод
2. wpDataTables
Премиум-плагин с расширенными возможностями для работы с большими и динамическими таблицами. Позволяет создавать интерактивные таблицы с фильтрацией, пагинацией и визуализацией данных.
Особенности:
- Поддержка MySQL запросов и внешних баз данных
- Интеграция с популярными конструкторами страниц
- Настраиваемая сортировка и фильтры
3. Ninja Tables
Простой и удобный плагин с бесплатной и платной версиями. Позволяет создавать адаптивные таблицы с возможностью перетаскивания колонок, экспортом и импортом данных.
Особенности:
- Множество шаблонов таблиц
- Визуальный редактор
- Интеграция с WooCommerce и другими плагинами
Пример: создание таблицы с помощью TablePress
Чтобы быстро создать таблицу без кодирования, выполните следующие шаги:
- Установите и активируйте TablePress.
- Перейдите в панель TablePress и нажмите «Добавить новую таблицу».
- Введите название и описание, укажите количество строк и столбцов.
- Заполните ячейки данными в визуальном редакторе.
- Настройте опции, например, включите сортировку и фильтрацию.
- Сохраните таблицу и вставьте шорткод в нужную страницу или запись.
Пример шорткода для вставки таблицы
[table id=1 /]Этот код выведет таблицу с ID 1 на страницу.
Советы по стилизации таблиц без кода
Хотя плагины позволяют настраивать внешний вид таблиц через интерфейс, иногда требуется дополнительная стилизация. Вот несколько рекомендаций:
- Используйте готовые шаблоны таблиц, которые поставляются с плагинами.
- Для TablePress можно подключить расширение Clearfy Pro, которое улучшит производительность и даст больше опций кастомизации.
- В настройках плагина включайте адаптивный режим для корректного отображения таблиц на мобильных устройствах.
Как автоматизировать создание таблиц из данных
В некоторых случаях таблицы нужно обновлять автоматически, например, при изменении данных в CSV или базе данных. Для этого можно использовать REST API WordPress и написать небольшой код, который будет загружать и обновлять данные таблицы.
Пример функции с префиксом wplike_ для обновления данных таблицы TablePress по расписанию:
function wplike_update_tablepress_data() {
$csv_url = 'https://example.com/data.csv';
$response = wp_remote_get($csv_url);
if (is_wp_error($response)) {
return;
}
$csv_data = wp_remote_retrieve_body($response);
if (empty($csv_data)) {
return;
}
if (!class_exists('TablePress_Controller')) {
return;
}
$table_id = 1; // ID вашей таблицы
$table = TablePress::$model_table->load($table_id);
if (!$table) {
return;
}
$rows = str_getcsv($csv_data, "\n");
$table_data = [];
foreach ($rows as $row) {
$table_data[] = str_getcsv($row);
}
$table['data'] = $table_data;
TablePress::$model_table->save($table_id, $table);
}
add_action('wplike_hourly_event', 'wplike_update_tablepress_data');
if (!wp_next_scheduled('wplike_hourly_event')) {
wp_schedule_event(time(), 'hourly', 'wplike_hourly_event');
}Эта функция каждую ночь будет обновлять таблицу из CSV файла по URL.
Заключение
Создание визуальных таблиц в WordPress без кодирования — задача вполне решаемая с помощью современных плагинов. TablePress, wpDataTables и Ninja Tables предлагают разные возможности для простых и сложных таблиц. Комбинируя их с небольшими скриптами и расширениями, можно построить удобный и функциональный инструмент для отображения данных на сайте.