Таблицы WordPress: Как сделать (вставить) таблицу в WordPress

Таблицы WordPress: Как сделать (вставить) таблицу в WordPress

Таблицы остаются самым практичным способом вывести на экран большие объемы информации посетителям. К сожалению, создание таблиц вручную с помощью HTML и CSS – излишне трудоемкая задача.

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

В данной статье мы покажем вам лучшие плагины для создания таблиц, доступные в WordPress.

Ultimate Tables

Ultimate Tables – бесплатный плагин WordPress, который позволяет вам вставлять таблицы в записи, на страницы, а также в другие произвольные типы записей.

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

ultimate-tables-configuration

Вывод Ultimate Tables смотрится великолепно. Дополнительные строки данных могут быть разбиты по страницам.

ultimate-tables-example

Как только вы заполните вашу таблицу, вы можете вставить ее на свой сайт, используя шорткод. Таблица может также быть помещена в виджет.

В целом, я был впечатлен Ultimate Tables, однако мне кажется, что есть и лучшие альтернативы, если нужно больше настроек.

TablePress

Ранее известный как WP-Table Reloaded, плагин TablePress – один из лучших плагинов для создания таблиц в WordPress.

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

tablepress-add-new

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

К таблице можно добавить хэдер и футер. Есть опция добавления дополнительных цветов строк и выделения строк при наведении мыши.

tablepress-new-table

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

tablepress-example

TablePress – одно из лучших табличных решений, доступных пользователям WordPress. Это неплохой вариант для профессионалов, которые обязательно отметят для себя возможность импорта и экспорта данных с помощью CSV, HTML и JSON. Рекомендуем.

Easy Table

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

Формат CSV – не самый удобный для пользователя способ добавления контента на сайт, однако, как только вы разберетесь с ним, вы сможете вставлять таблицы гораздо быстрее, нежели с использованием других плагинов.

easy-table-general-options

Плагин Easy Table предлагает подробные инструкции о том, как выжать из него максимум. Столбец с правой стороны экрана в области параметров разъясняет все предлагаемые настройки. В самом низу есть примеры того, как использовать эти параметры для создания таблиц. Также имеется тестовая зона, в которой вы можете попрактиковаться в создании таблиц.

Зона опций позволяет вам определять стандартные опции стилизации для таблиц. Доступно три стилевых варианта, однако вы также можете использовать и свой собственный CSS класс. Параметры стилизации могут быть переписаны от таблицы к таблице:

easy-table-example

Как только вы поймете, как добавлять таблицы с помощью Easy Table, вы действительно оцените эффективность этого плагина. Я рекомендую проверить его, если вы считаете процесс добавления таблиц через страницы настроек слишком длительным.

Websimon Tables

Websimon Tables – бесплатный плагин для создания таблиц в WordPress, который позволяет вам создавать HTML таблицы в панели администратора.

Новая таблица создается путем задания ее имени, числа строк и столбцов. Также вы можете загрузить таблицу в CSV-формате.

websimon-tables-settings

Плагин обладает большим количеством разных стилевых опций. В нем имеется десять стандартных скинов, которые вы можете выбирать на странице настроек. Также вы можете создавать и свой собственный скин.

Плагин позволяет вам изменять ширину столбцов, отступы, а также края. Дополнительная стилизация, такая как эффекты тени CSS3, границы, футеры, также могут быть заданы.

websimon-tables-example

Websimon Tables – простой, но в то же время функциональный плагин для создания таблиц, который имеет все необходимое, чтобы быстро вставить таблицу на сайт.

FooTable

FooTable – бесплатный плагин для создания таблиц в WordPress. Он не поможет вам добавить новые HTML таблицы. Все, что делает плагин – это улучшает уже существующие HTML-таблицы.

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

footable-settings

FooTable преобразует HTML-таблицы и придает им более профессиональное представление. Демо-область позволяет вам просматривать то, как будут выглядеть ваши таблицы на настольных ПК, планшетах и мобильных телефонах.

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

footable-example

Интересная особенность плагина – он имеет родную поддержку TablePress. Это позволяет вам добавлять таблицы в TablePress и затем делать их адаптивными в FooTable.

League Table

League Table – премиальный плагин для создания таблиц (12$). Он был разработан для создания таблиц лиг, ладдеров, разнообразных таблиц лидеров и т.д. Несмотря на то что плагин называется League Table, т.е. ориентирован на создание таблиц для разных лиг, он вполне может использоваться и для создания любого типа таблиц.

league-table

Мне нравится дизайн таблиц, которые создает плагин League Table. Дизайн достаточно чистый, данные могут быть сортированы по любому столбцу. Таблицы оптимизированы под разные устройства.

league-table-example

Как и многие другие плагины, League Table использует шорткоды для вставки таблиц в записи, на страницы, в произвольные типы записей, а также в виджеты.

wpDataTables

wpDataTables (продается за 25$) – самый дорогой табличный плагин в этой статье; однако он, возможно, является самым универсальным плагином.

Плагин позволяет вам создавать таблицы и управлять ими в консоли WordPress. Данные могут вводиться вручную или вставляться через CSV, Excel, MySQL запрос, XML или JSON. Использование запроса MySQL позволит вам выводить таблицы, состоящие из нескольких тысяч строк. Не так много плагинов, которые вообще способны это делать.

wpdatatables-settings

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

По моему мнению, таблицы wpDataTables генерирует просто великолепные. Они оптимизированы под планшеты, смартфоны, прекрасно выглядят на любом устройстве.

wpdatatables-example

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

Я надеюсь, что вам понравился вид предложенных таблиц в WordPress. Если вы знаете другие хорошие плагины, которые помогают создавать HTML таблицы, пожалуйста, поделитесь ими в комментариях!

Источник: elegantthemes.com/blog

Поделиться

Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 98
Шаг 123.Таблицы в wordpress. Знакомимся с плагином для
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 58
Таблицы WordPress как вставить таблицу в запись или на страницу
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 53
Как сделать адаптивные таблицы в Wordpress: основные методы
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 35
Лучшие плагины WordPress для вставки таблиц и графиков
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 28
Создание таблиц в WordPress с помощью плагинов
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 93
Как создать таблицу на wordpress сайте? ТОП
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 66
10 красивых и удобных велосипедов для лета Wonderzine
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 63
33 схемы вязания палантина спицами, видео уроки, Вязание для женщин
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 58
Буржуйка из кирпича своими руками: кладка, монтаж
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 47
Вязание крючком : модели и схемы на
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 67
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 26
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 76
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 29
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 1
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 41
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 23
Таблицы WordPress: Как сделать (вставить) таблицу в WordPress 59