Основные плагины таблиц для wordpress и их настройка

Популярные плагины для создания таблиц в WordPress

Таблицы в WordPress используются повсеместно, на многих сайтах и почти на всех сайтах бизнес тематики. В табличном виде удобно представлять перечень товаров и услуг, если у вас не онлайн магазин. В таблицах часто размещают прайс-листы и всевозможные данные, нуждающиеся в подаче информации в структурированном виде.

Как легко читать такие данные и, так же сложно их создавать, так как наполнение таблиц, дело кропотливое и требующее внимательности и усидчивости.

Поэтому мы сегодня рассмотрим плагины таблиц, которые помогут нам упростить работу с подобного рода контентом и позволит сделать наш сайт на WordPress, еще более привлекательным для посетителей .

Список бесплатных плагинов для создания таблиц в WordPress

Вот список работающих и поддерживаемых плагинов таблиц для WP. Если вы уверены в своих сила, то смело переходите по ссылке и устанавливайте плагин. Если вам нужны подробности и помощь в настройке, то читайте далее.

Плагин TablePress

Плагин TablePress для WordPress

Плагин TablePress мне кажется наиболее удобным. У него только один минус, он не адаптивный, как и почти все остальные плагины (и не только бесплатные, кстати). Плагин TablePress очень гибок в настройке и способен выполнять почти все, что делают премиум плагины для таблиц. Поэтому на нем поподробнее остановимся.

Установка плагина TablePress

Импорт и экспорт таблиц после установки TablePress

После установки и активации плагина TablePress, вы можете начать создавать новую таблицу или воспользоваться встроенным инструментом - импорта готовой таблицы.

Вы можете импортировать имеющуюся у вас таблицу в форматах CSV, XLS, XLSX и HTML в TablePress. Невероятно удобная и полезная штука, так как например в Excel, создавать таблицы может почти каждый и все знают, как это быстро и удобно делается. Переносить таблицу можно, как обычной разметки, так и с объеденными ячейками.

Создание и настройка таблиц в TablePress

Таблица в TablePress создается в разделе "Добавить новую". Вы перейдет на страницу, где нужно задать название таблицы и проставить нужное число строк и столбцов. Каждой строке и столбцу будет присвоено Имя (столбцам - буква, строкам - номер). Потянув за имя строки или столбца, можно легко перемещать их, меняя местами.

Информация о таблице

В отделении "Информация о таблице" вы можете взять шорткод,
вида

АДРЕС САЙТАCMS КРАТКОЕ ОПИСАНИЕ
(тематика, назначение,
монетизация и пр.)
ОБЩЕЕ ИНФОСТАТИСТИКАЦЕНА
у.е.
1beautypic.ucoz.comUcoz
  • Тематика - Фотография
  • Назначение - Сателлит
  • Монетизация - Реклама
Адаптивный дизайн. Легкое, упрощенное наполнение сайта.Статистика сайта20
2ipadwallpapers.ucoz.netUcoz
  • Тематика - Фотография, обои
  • Назначение - Сателлит
  • Монетизация - Реклама
Адаптивный дизайн. Легкое, упрощенное наполнение сайта. Места под рекламу.Статистика сайта20
3iphonewallpaper.ucoz.netUcoz
  • Тематика - Фотография, обои
  • Назначение - Сайт, сателлит
  • Монетизация - Реклама
Адаптивный дизайн. Легкое, упрощенное наполнение сайта. Места под рекламу.Статистика сайта30
4test-shablon.ucoz.com Ucoz
  • Тематика - Интернет магазин
  • Назначение - Шаблон интернет магазина Ucoz
  • Монетизация - Нет
Реальный интернет магазин. В данный момент модуль отключен и домен kolechki63 ru откреплен. Продается шаблон вместе с сайтом.Сайт не в индексе15
5catgif.ucoz.ruUcoz
  • Тематика - Домашние питомцы
  • Назначение - Сайт, сателлит
  • Монетизация - реклама
Адаптивный дизайн. Легкое, упрощенное наполнение сайта. Статистика сайта10
6doggif.ucoz.ru Ucoz
  • Тематика - Домашние питомцы
  • Назначение - Сайт, сателлит
  • Монетизация - реклама
Адаптивный дизайн. Легкое, упрощенное наполнение сайта. Статистика сайта10
7begamer.ucoz.com Ucoz
  • Тематика - Игры
  • Назначение - Сайт, сателлит
  • Монетизация - реклама, партнерки
Адаптивный дизайн. Легкое, наполнение сайта. Статистика сайта 10
для вставки его в страницу или запись в то место, где должна выводиться данная таблица. Здесь же можно изменить название таблицы на другое.

Содержимое таблицы

Отделение "Содержимое таблицы" предназначено для заполнения таблицы информацией. Вы уже знаете, что можно импортировать готовые таблицы из файлов разных форматов, а далее в разделе Работа с таблицей, вы узнаете, как проще и легче наполнить новую, пустую таблицу данными.

Работа с таблицей

В отделении "Работа с таблицей" вы можете добавить, удалить или объединить строки, столбцы и ячейки. Также строки и столбцы можно дублировать.

С помощью Расширенного редактора, можно быстро и легко вставлять медиафайлы и работать с текстом. Для этого нужно выбрать нужную ячейку, нажать на нее и после этого нажать на кнопку расширенного редактора.

Параметры с таблицы

В отделении "Параметры с таблицы" можно галочками задать дополнительные настройки. Обычно, хватает настроек выставленных по умолчанию (хотя, бывает, что нужно подсчитать итоги).

Настройка функций DataTables JavaScript

В отделении "Настройка функций DataTables JavaScript" можно подключить удобные, но не всегда полезные функции для таблиц небольшого размера. Доступны такие функции как: сортировка таблицы, выборка, разбивка на страницы (если таблица очень большая), а так же можно вставить свой JS скрипт, который будет орабатывать данные так как вы запланируете.
Выключаются все функции снятием галочки в разделе "Использование активных функций DataTables".

Плагин FooTable

Плагин FooTable

Плагин FooTable интересен может создавать адаптивные таблицы. В этом случае ваши таблицы гармонично смотрятся на любом мобильном устройстве. Однако есть определенное неудобство: некоторые столбцы могут быть скрыты.
Это хорошо видно в примере (см. картинки ниже).

Кроме того, в FooTable нет конструктора таблиц, как в TablePress. То есть, прописываем код таблицы самостоятельно, расставляя CSS классы, чтобы адаптивный дизайн таблицы имел место быть.

При размере экрана смартфона, мы увидим минимум информации, но нажав плюсик, можно просмотреть всю информацию содержащуюся в выбранной строке. То есть для наглядности, может быть это и не лучший вариант. Однако, если вопрос наличия адаптивного дизайна стоит остро для вашего веб проекта, то плагин FooTable, оптимально решает данную задачу.

Настройки плагина FooTable

Настройки FooTable позволяют задать 4 встроенных стиля оформления таблицы. Вы можете установить ширину экрана браузера для отображения таблицы на двух типах мобильных устройств (планшет и смартфон) и количество отображаемых столбцов. Можно установить сортировку, фильтрацию и нумерацию строк. Кроме этого вы можете разместить свой Javascript код, который будет обрабатывать различные события.

Плагин Websimon Tables

Плагин Websimon Tables

Плагин Websimon Tables довольно неплохой плагин в сравнении с TablePress. Он также имеет конструктор, в котором можно перемещать строки и столбцы. Широкий функционал по работе с таблицами и индивидуальной настройкой каждой таблицы в отдельности.

Добавляется таблица в запись или на страницу - шорткодом.

В Websimon Tables есть Импорт таблиц из CSV, который для русскоязычных таблиц почему то не корректно работает. Таблица переносится, но кодировка не поддерживается. Даже если вы сохраните файл CSV в UTF-8. Пробовал 4 кодировки, но результат при Импорте всегда был один и тот же

Создание новой таблицы с плагином Websimon Tables

Создание новой таблицы в Websimon Tables происходит путем задания названия таблицы и простановки количества строк и столбцов. После сохранения новой таблицы (нажать Add Table), нужно перейти в раздел All Tables, найти свою таблицу и открыть ее для редактирования и наполнение контентом.

Настройки плагина Websimon Tables

Настроек плагина Websimon Tables, как таковых - нет.

Таблицы создаваемые с помощью плагина Websimon Tables, настраиваются каждая индивидуально. Для удобства есть несколько скинов (шаблонов оформления таблиц) и небольшой список настроек, текста в ячейках, высоты строк и др. Так же есть дополнительные настройки, среди которых стоит использовать "Show vertical borders" (вертикальные линии втаблице) и "Hover effect" (изменение цвета строки при наведении).

Плагин Ultimate Tables

Плагин Ultimate Tables

Плагин Ultimate Tables добавляется в записи с помощью шорткодов. Изначально в таблицах Ultimate Tables заданы параметры сортировки в таблице, поиска, постраничная пагинация (для больших таблиц), вывод на экран заявленного числа строк, авто-выбор ширины (адаптивность таблицы).

Плагин Magic Liquidizer Responsive Table

Плагин Magic Liquidizer Responsive Table для WordPress

Плагин Magic Liquidizer Responsive Table в анонсе выглядел многообещающим, но на практике оказался негодной поделкой. Таблица формируется в этом плагине без конструктора, нет опции импорт-экспорт, при попутке посмотреть адаптивность таблицы - пропала полоса прокрутки в браузере, а дизайн таблицы ка говорится - "поехал". Возможно в пермиум версии и решены все эти недочеты, но для начала мне должна понравится ее бесплатный вариант. А этого не произошло. Увы.

Плагин Easy Table

Плагин Easy Table

Плагин Easy Table меня немного удивил тем, что при таком названии, предлагает кучу настроек, в которых нужно разбираться и запоминать, что и где применять. При этом вы получаете код, сравнимый с обычным Html кодом таблицы, для вставки в страницу сайта. Не увидев в плагине Easy Table никаких преимуществ перед TablePress и вообще каких либо удобств в использовании, решил не продолжать рассмотрение данного плагина.

Выводы

Наиболее интересные плагины таблиц для WordPress из представленных в обзоре, на мой взгляд, это: TablePress, FooTable и Ultimate Tables. Выбор все таки зависит от конкретных задач, контента, количества таблиц на сайте и частоты использования табличного плагина. Одно ясно, что универсальных плагинов на данный момент - нет. Если бы у TablePress не хромала адаптивность, или FooTable имел конструктор, то скорее всего этим двум плагинам я отдал бы пальму первенства.

Оставить Комментарий