Плагин wordpress таблицы – Как добавить в WordPress красивые адаптивные таблички? Все способы и плагины…

Бесплатные плагины для тарифных планов на WordPress

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

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

Но перед этим посмотрим на основные функции плагина таблицы цен WordPress:

• Адаптивный дизайн: также, как используемые темы и веб-сайты, плагин должен быть адаптивным. Его функциональные возможности должны быть совместимы с любым устройством и с любым размером экрана. Плагин также должны быть совместимы с любыми темами WordPress.
• Легко настраивать: вам нужно будет на сайте WordPress добавлять и изменять многие элементы через плагин. Поэтому вы должны убедиться, что выбранный плагин таблицы цен легко настраивается.
• Визуально понятные таблицы: плагины таблиц цен для WordPress используются для отображения цен на различные услуги и продукты. Поэтому он должен обеспечивать визуальную ясность точных макетов, текстов, цен, количества и дополнительной информации. Это будет хорошо оценено посетителями сайта.

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

1. Pricing Table by PickPlugins

Это плагин таблицы цен WordPress, разработанный PickPlugins, призван решить все ваши задачи с отображением таблиц цен на сайте WordPress. Pricing Table использует HTML и CSS3 сетку, что дает лучшее расположение ценовых таблиц. С плагином вы получаете много вариантов для отображения стиля, темы и таблицы в соответствии с вашими потребностями. В результате можно добавить неограниченное количество таблиц цен WordPress в любом месте на сайте, а также неограниченное количество строк в каждой таблице.

Одна из интересных функций этого плагина — отображение видео в столбцах таблицы с ценами. Вы также можете отображать в столбцах изображения, настраивать заголовок столбца, цвета фона и фоновое изображение для таблицы.

Ключевые особенности:

• Совместимые шорткоды.
• Текст описания заголовка.
• Слайдер на мобильном телефоне.
• Рекомендуемая колонка.
• Текст описания цены.

2. Easy Pricing Table

С Easy Pricing Table можно легко создавать и публиковать красивые таблицы цен на своем веб-сайте WordPress. Плагин прост в использовании и интуитивно понятен. Easy Pricing Table для WordPress реализует методы оптимизации коэффициента конверсии (CRO). Таблицы этого плагины адаптивные, поэтому можно использовать их без каких-либо проблем.

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

Ключевые особенности:

• Интуитивно понятный пользовательский интерфейс.
• Параметры настройки для вашей таблицы цен.
• Параметры перетаскивания.
• Не хранит личные данные.

3. Responsive Pricing Table

Responsive Pricing Table — это плагин таблицы цен WordPress, разработанный для адаптивной платформы. Он может поддерживать широкий спектр веб-сайтов и тем WordPress. Плагин не меняет внешний вид сайта и он прост в использовании.

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

Ключевые особенности:

• Рекуррентные детали.
• Маленькие иконки.
• Кнопка URL и текст.
• Выравнивание названия.
• Настройки знака валюты.

4. Pricing Table by themesCode

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

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

Ключевые особенности:

• Автоматический генератор шорткодов.
• Неограниченные цвета заголовка таблицы.
• Адаптивность.
• Простой и легкий.
• Неограниченное количество таблиц и столбцов.

Смотрите также:

Как создавать многофункциональные таблицы в WordPress с помощью плагинов здесь.

5. WRC Pricing Table

WRC Pricing Table — это плагин для таблицы цен WordPress, разработанный с использованием CSS3. Он позволяет создавать любые типы таблиц цен без каких либо затруднений. С плагином вы получаете 3 готовых шаблона таблицы цен. Эти шаблоны очень хорошо разработаны и могут использоваться для любого типа продуктов, услуг или товаров.

WRC Pricing Table позволяет переключаться между шаблонами без потери данных. Это может быть удобной функцией, когда дело доходит до обновления вашего сайта или изменения дизайна. С помощью этого плагина можно выделить один или несколько столбцов как специальные, также можно скрыть один или несколько столбцов, а не удалять их. Это может быть полезно, когда нужно показать на вашем сайте специальные предложения.

Ключевые особенности:

• Столбец с тенью и с цветной тенью.
• Установить единицу цены и валюту.
• Параметры высоты и ширины корпуса кнопки.
• Неограниченные ряды и столбцы.
• Совместимость с основными браузерами.

6. Pricing table by Supsystic

Если вы хотите создать удивительные таблицы цен для своего сайта, то Pricing Table от Supsystic — это то, что вам нужно. Этот плагин позволяет создавать таблицы без каких-либо навыков программирования. С его помощью можно выбрать шаблон, отредактировать его, добавить к нему контент и опубликовать его на своем веб-сайте. Плагин позволяет создавать таблицы сравнения. Это может быть очень высоко оценено вашей аудиторией, когда дело доходит до принятия правильных решений для пакетов и продуктов.

Pricing table имеет конструктор перетаскивания, который поможет довольно легко создать свои собственные таблицы цен. С помощью этого плагина можно добавить неограниченное количество строк и столбцов.

Ключевые особенности:

• Адаптивный дизайн.
• Поддержка подсказок.
• Изображения, видео и значки столбцов.
• Стили кнопок, текста и CSS для любой таблицы цен.
• Список пользовательских заголовков и функций.

7. ARPrice

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

В этом плагине есть специальная функция создания презентации ваших сотрудников (команды). Таким образом, вы можете использовать этот плагин WordPress как «два в одном». ARPrice позволяет редактировать таблицу цен с помощью редактора таблиц в реальном времени: можно одновременно вносить изменения в таблицу цен и просматривать, как она выглядит на сайте.

Ключевые особенности:

• Неограниченные варианты цвета.
• Drag and Drop совместимость.
• Несколько предварительно настроенных цветовых схем.
• Разные стили теней.
• Готовность к переводу.

8. Ninja table

Хотя Ninja Table — это табличный плагин WordPress, но его можно использовать и для построения таблицы цен. Это один из самых современных плагинов для построения таблиц, который вы можете найти в WordPress. С его помощью можно создать любой тип таблицы WordPress, включая таблицу цен. Ninja Table имеет конструктор столбцов. С помощью этой функции можно пронаблюдать, как выглядит ваша таблица цен на других устройствах.

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

Ключевые особенности:

• Редактор дизайна.
• Варианты простой конфигурации.
• Экспорт и импорт данных.
• Потрясающая поддержка.

9. Premium Addons for Elementor

Как видно из названия, Premium Addons for Elementor — это плагин, созданный специально для редактора Elementor. Чтобы использовать этот плагин, вам необходимо сначала установить на вашем сайте WordPress плагин Elementor. Вы можете использовать любые надстройки Elementor, а также виджет таблицы цен.

Он имеет множество вариантов настройки, которые вам когда-либо понадобятся для таблицы цен WordPress. Можно изменить стили каждого элемента таблицы цен так, как вы хотите. С этим плагином поставляется 4 различных шаблона таблицы цен. Это удобно при создании таблицы цен, так как не нужно начинать с нуля.

Ключевые особенности:

• Адаптивный.
• Совместимость с браузерами.
• Очень быстрая производительность.
• Несколько вариантов цвета.
• Готовые шаблоны.

Все плагины бесплатные, поэтому с ними можно поэкспериментировать. Но если в вашей теме используется визуальный редактор страниц Elementor, обратите внимание на плагин Premium Addons for Elementor.

Источник: themegrill.com

Смотрите также:

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

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

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

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

В отделении «Информация о таблице» вы можете взять шорткод,
вида для вставки его в страницу или запись в то место, где должна выводиться данная таблица. Здесь же можно изменить название таблицы на другое.

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

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

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

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

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

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

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

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

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

5 бесплатных плагинов таблиц для WordPress / WordPress плагины / Постовой

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

TablePress

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

1. Простой интуитивно понятный ввод данных.
2. Возможность быстро дублировать, удалять и копировать таблицы.
3. Упрощенный импорт/экспорт контента из файлов CSV, Excel, JSON, HTML.
4. Использование для вычислений формул.
5. Фильтры в таблицах.
6. Сортировка строк.
7. Пользовательские CSS (PRO версия).
8. Возможность вставить таблицу в любом месте в WordPress (PRO версия).
9. Использование любого типа данных – изображений, чисел, текста, ссылок (PRO версия).
10. Многоязычная поддержка (PRO версия).

Data Tables Generator by Supsysti

Data Tables Generator by Supsysti позволяет строить интерактивные диаграммы и графики, производить фильтрацию и многое другое. PRO версия плагина оптимально подходит для построения адаптивных таблиц. Главные достоинства состоят в следующем:

1. Поддержка формул.
2. Создание заголовков и нижнего колонтитула.
3. Удобные параметры настройки.
4. Импорт данных из CSV, Google Sheets, Excel.
5. Экспорт таблиц в CSV, PDF, Excel.
6. SEO оптимизация таблиц (PRO версия).
7. Создание адаптивных таблиц (PRO версия).
8. Автоматическое обновление из Google Sheets (PRO версия).

Ultimate Tables

Следующий плагин для создания таблиц WordPress — Ultimate Tables. Позволяет производить вставку таблиц в статьи или сообщения. Есть возможность выбрать один из трех вариантов оформления или настроить дизайн индивидуально. Главные фишки Ultimate Tables:

1. Использование в ячейках таблицы не только текста, но и HTML-кода.
2. Простое интуитивное добавление и редактирование таблиц.
3. Изменения порядка столбцов и строк.
4. Несколько вариантов дизайна.
5. Настройка параметров ширины и высоты (PRO версия).

Magic Liquidizer Responsive Table

Следующий плагин позволит сделать таблицы адаптивными. Отображение материала на мобильных устройствах происходит корректно и данные даже на небольших экранах не накладываются. Инструмент предлагает не только простое создание таблиц WordPress, в PRO версии присутствует более расширенный функционал и возможности для SEO оптимизации. Основные преимущества Magic Liquidizer Responsive Table:

1. Корректное отображение таблиц в альбомной и портретной ориентации.
2. Кросс-браузерная совместимость.
3. Дружелюбный интерфейс.

JTRT Responsive Tables

JTRT Responsive Tables – один из самых продвинутых редакторов HTML таблиц для WordPress. Даже не имея дело с HTML или CSS, легко можно создавать адаптивные таблицы или конвертировать файлы CSV с помощью нескольких кликов. Главные плюсы плагина таблицы для WordPress JTRT:

1. Добавление изображений и ссылок в ячейки.
2. Легкая сортировка, разбивка и фильтрация.
3. Подсветка строк и столбцов цветом при наведении курсора.
4. Наличие редактора таблиц WYSIWYG (PRO версия).
5. Создание нескольких разных таблиц на одной странице (PRO версия).

Плагин адаптивных таблиц для WordPress

Многие темы WordPress некорректно и не красиво отображают таблицы на различных экранах.

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

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

Настройки внешнего вида таблиц

Плагин позволяет менять следующие элементы:

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

Настройки плагина адаптивных таблицАдаптация таблицы на экранах смартфонов

Как добавить таблицу в запись или на страницу WordPress?

Самый простой способ — установить плагин TinyMCE Advanced, который добавит в панель инструментов визуального редактора кнопку добавления таблицы.

Добавление таблицы в WordPress

Также можно скопировать таблицу из Ворда.

Еще есть способ, требующий знаний HTML — перейти на вкладку «Текст» визуального редактора, и вставить таблицу вручную, вот пример кода HTML таблицы:

<table>
<tr>
<th> Строка 1 Столбец 1 </th>
<th> Строка 1 Столбец 2 </th>
<th> Строка 1 Столбец 3 </th>
</tr>
<tr>
<td> Строка 2 Столбец 1 </td>
<td> Строка 2 Столбец 2 </td>
<td> Строка 2 Столбец 3 </td>
</tr>
<tr>
<td> Строка 3 Столбец 1 </td>
<td> Строка 3 Столбец 2 </td>
<td> Строка 3 Столбец 3 </td>
</tr>
</table>
 

 

Вид таблицы со стилями плагина:

Строка 1 Столбец 1	Строка 1 Столбец 2	Строка 1 Столбец 3	Строка 1 Столбец 4	Строка 1 Столбец 5
Строка 2 Столбец 1	Строка 2 Столбец 2	Строка 2 Столбец 3	Строка 2 Столбец 4	Строка 2 Столбец 5
Строка 3 Столбец 1	Строка 3 Столбец 2	Строка 3 Столбец 3	Строка 3 Столбец 4	Строка 3 Столбец 5
Строка 4 Столбец 1	Строка 4 Столбец 2	Строка 4 Столбец 3	Строка 4 Столбец 4	Строка 4 Столбец 5
Строка 5 Столбец 1	Строка 5 Столбец 2	Строка 5 Столбец 3	Строка 5 Столбец 4	Строка 5 Столбец 5

 

Есть предлолжения по улучшению плагина? Оставляйте их в комментариях.

17 плагинов таблиц с ценами на WordPress / WordPress плагины / Постовой

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

Множество тем WordPress, ориентированных на электронную коммерцию, содержат в своем составе соответствующие модули. Однако самостоятельные плагины, реализующие эти функции тоже весьма востребованы.

Их мы и рассмотрим в настоящем обзоре.

WP Table Manager

WP Table Manage — современный плагин для отображения ценников. Можно выбрать одну из 6 встроенных тем, однако каждая из них довольно легко настраивается, так что вам не составит труда адаптировать любую из них под стиль вашего сайта.

Разработчик или администратор оценят удобство работы с таблицами, редактирование данных, вычисляемые поля, обмен данными с Exel или синхронизацию с файлами Google Sheets.

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

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

Данный плагин, как и все приведенные в данной подборке, идеально подойдут для создания таблицы с ценами в Landing Page.

Стоимость: от $29

Go Pricing

Невероятно мощный плагин, включающий в себя более 150 вариантов дизайна ценников. Добавьте сюда свыше 650 Google Fonts, более 1900 иконочных шрифтов, 250 готовых шаблонов страниц, возможность выбирать товары для сравнения, кнопку оплаты через PayPal и вы поймете, что купив этот плагин, вам вряд ли понадобится что-то еще.

Стоимость: $25

Kento Pricing Tables Free

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

Стоимость: бесплатно

Pricing Table Extended

Еще один очень симпатичный плагин с ценниками, распространяемый по лицензии GNU GPL. На ваш выбор предоставлены 4 темы, которые, впрочем, можно легко изменить под свой стиль или же создать абсолютно новую. Следует отметить очень качественную документацию, которая, я уверен, поможет обойтись без техподдержки. Ну, а если помощь все-таки понадобится — ее можно получить на дружественном форуме разработчиков и пользователей этого продукта.

Стоимость: бесплатно

Pure CSS Pricing Table

Очень гибкая и мощная таблица расценок, созданная на чистом CSS и HTML без дополнительных изображений. Из особенностей следует отметить возможность перемещать столбцы, сортировать строки, назначать цвета отдельным элементам таблицы и использовать различные варианты дизайна кнопок.

Стоимость: $18

Pricing Table

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

Стоимость: бесплатно

PriceFish pricing tables

Интересный плагин с красивым и оригинальным дизайном, мощными аналитическими возможностями и содержательными диаграммами.

Замечание: для использования плагина необходимо зарегистрироваться на PriceFish (регистрация бесплатна).

Стоимость: бесплатно

Pricer Ninja

Качественный и профессионально выполненный плагин с очень привлекательным дизайном. Адаптивный и легко настраиваемый, позволяющий редактировать цветовую гамму в самых широких пределах. Из отличительных особенностей — наличие «звездного рейтинга» в ценниках.

Замечание: для использования плагина необходимо зарегистрироваться на Pricer Ninja (регистрация бесплатна).

Стоимость: бесплатно

Responsive CSS3 Pricing Tables for WordPress

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

Стоимость: $17

Revenue Plugin

Revenue Plugin — исключительно гибкое средство для создания таблицы расценок. Количество ячеек ряду может быть от одного до пяти, а их внешний вид можно модифицировать не только при помощи CSS, но и используя встроенный drag-and-drop редактор.

Стоимость: $18

PriceX

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

Стоимость: $18

Pricing Tables Builder WordPress Plugin DZS

Отличительной особенностью Pricing Table Builder является мощная админпанель и отдельная оптимизация для iPhone и Android-устройств. И еще, пожалуй, WYSIWYG-редактор для свободного и быстрого редактирования или создания «с нуля» дизайна таблицы расценок. Легко устанавливается, имеет поддержку скинов, и вообще работает практически со всеми браузерами, включая IE7.

Стоимость: $19

ARPrice

Один из самых функциональных и богатый всевозможными функциями плагин, создающий современные, анимированные ценники. Свыше 200 готовых шаблонов и визуальный редактор для редактирования и создания новых. Совместимость с Visual Composer, Google Maps и WPML (плагин для создания мультиязычных сайтов). Прекрасные средства аналитики, генерирующие стильные и информативные диаграммы. Встроенная интеграция с PayPal. Это далеко не полный перечень возможностей этого плагина — остановив на нем свой выбор вы не разочаруетесь.

Стоимость: $21

CSS3 Responsive WordPress Compare Pricing Tables

Таблица ценников, написанная на чистом CSS с двумя вариантами дизайна и 20 предустановленными цветовыми схемами. Мощная админпанель позволяет управлять всем разнообразием функций и настроек, таких как прокрутка колонок (например, таблица состоит из 10 колонок, в то время как отображается только 2), оттенение или изменение цвета колонки при наведении курсора, отображение наклеек (например «Акция» или «Распродажа»), дополнительная информация во всплывающем окне  и т.п.

Стоимость: $18

Easy Pricing Tables WordPress Plugin

Этот плагин заслужил оценку The Best Pricing Tables Plugin на портале Envato Market. Он содержит 10 различных тем и такое же количество цветовых исполнений для каждой из них, 9 информационных элементов (заголовок, описание, цена, иконка, фон и др.), более 120 дизайнов наклеек и свыше 100 различных иконок. Кроме того поддерживает  указание ценника по умолчанию, сортировку, использование видеоконтента в блоке и многое другое.

Содержит встроенный визуальный редактор для создания своего уникального дизайна этикеток или редактирования существующих.

Стоимость: $19

CSS3 Vertical Web Pricing Tables For WordPress

Вертикальное расположение ценников стало уже традиционным и используется в большинстве плагинов. Однако разработчики CSS3 Vertical Web Pricing Tables решили отойти от этого правила и предлагают на ваш суд дизайн с горизонтальным расположением ячеек. Такое решение, безусловно, имеет право на жизнь, а насколько оно соответствует стилю вашего сайта — решать вам. В остальном возможности данного плагина ни в чем не уступают его конкурентам — 10 предустановленных цветовых палитр, плавная анимация и поддержка практически всех браузеров.

Стоимость: $5

uPricing

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

Стоимость: $18

Плагин для создания таблиц в WordPress

Разработчики WordPress постоянно работают над тем, чтобы обеспечить для пользователей максимально удобную работу со своим продуктом. Однако некоторые моменты, пользователь, без определенной технической подготовки, не сможет решить самостоятельно. И для того, чтобы ему помочь, существуют специальные расширения – плагины, которые и позволяют решить ряд «бытовых» для сайта или блога проблем. Одной из таких проблем является –

создание таблиц в WordPress. А если быть точным то – отсутствие возможности для новичка создать или вставить таблицу в запись или на страницу WordPress без знаний html и css.

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

TinyMCE Advanced

TinyMCE Advanced — я уже писал об этом отличном плагине, который позволяет расширить стандартные возможности визуального редактора WP, добавить в него новые кнопки форматирования текста и другие интересные «плюшки». Этот плагин несколько видоизменился в визуальном плане, стал более удобен, однако обладает все тем же функционалом.

Так вот, одной из таких «плюшек» — есть возможность быстрой вставки таблицы в запись.

Таблица создается элементарно, достаточно просто выбрать необходимое количество столбцов и строчек.

В свойствах таблицы можно задать ряд параметров:

1. Точную высоту и ширину таблицы в пикселях.
2. Отступы между ячеек и внутри ячеек.
3. Задать выравнивание.
4. Толщина линий.
5. Объединение и разбиение ячеек таблицы.
6. Индивидуальные размеры для каждой ячейки.

В совокупности с другими возможностями плагина, можно красиво оформить таблицу.

Простой пример таблицы:

Плагин для создания функциональной таблицы с элементами сортировки — TablePress

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

Кроме того, что плагин позволяет создавать таблицы, он еще и дает возможность импортировать их из Excel (XLSX, XLS) и файлов формата CSV, HTML, JSON.

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

Установка и настройка TablePress

Скачать TablePress.

После установки плагина, в вашей панели инструментов появится пункт:

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

Для  создания новой таблицы жмем «Добавить таблицу».

Далее необходимо дать название таблице и задать количество столбцов и строк.

Заполняем таблицу:

В разделе управления таблицей есть ряд полезных кнопок:

1. Вставка ссылок;
2. Вставка изображений;
3. Расширенный редактор;
4. Добавление, удаление, дублирование строк и столбцов;
5. Объединение (присоединение) ячеек друг к другу;

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

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

Сохраните таблицу.

Вставить ее в запись или на страницу можно, воспользовавшись кнопкой в редакторе:

Либо с помощью шорткода, на который вы наверняка обратили внимание, когда создавали таблицу:

Его нужно скопировать и вставить в запись.

Вот такая таблица получиться, если не убирать лишние функции:

При нажатии на стрелочки будет осуществляться сортировка по №, названию и по цене.

Создание таблиц в WordPress с помощью плагинов – Блог про WordPress

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

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

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

Ultimate Tables

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

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

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

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

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

TablePress

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

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

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

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

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

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

Easy Table

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

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

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

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

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

Websimon Tables

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

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

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

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

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

FooTable

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

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

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

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

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

League Table

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

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

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

wpDataTables

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

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

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

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

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

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

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