Итак, у вас есть много данных, которые вы хотите представить своим читателям. Использование таблиц кажется очевидным выбором, не так ли? Проблема в том, что таблицы не поддерживаются классическим визуальным редактором WordPress. Решение ? Конечно же, плагины!
В этой статье я расскажу о следующих моментах:
- Почему таблицы являются проблемой с WordPress.
- Что делает плагин таблицы WordPress отличным.
- Обзор лучших плагинов для таблиц WordPress.
- Какой плагин выбрать для добавления таблиц в WordPress - наш рекомендуемый выбор.
Почему не всем пользователям WordPress нравятся таблицы
Одним из преимуществ создания контента в WordPress является то, что можно делать практически все, что вы можете делать в текстовом редакторе (например, стилизовать текст, добавлять специальные символы, встраивать изображения). прямо из редактора WordPress.
Однако единственный тип функций, который еще не переведен на WordPress, - это дизайн таблиц.
Хотя таблица не обязательно является общей функцией, используемой в веб-дизайне, это достаточно простой элемент, который было бы неплохо включить в настройки редактора по умолчанию.
Если задуматься, кажется немного странным, что WordPress не имел встроенной поддержки настольных компьютеров до выпуска версииРедактор Гутенберга и его блок таблицы по умолчанию.
Возможно, это было частью той первоначальной попытки сделать приложение как можно более простым, или, может быть, идея заключалась в том, что, если посту нужна таблица, достаточно легко переключиться в текстовый режим и добавить HTML в руке .
Добавление таблицы вручную, конечно, всегда возможно, но это утомительно, трудоемко и подвержено ошибкам.
Есть намного лучшие варианты, доступные для пользователей WordPress.
Они называются плагинами 🙂
Неудивительно, что имеется ряд плагинов, которые помогают пользователям добавлять таблицы в WordPress.
Разработчики плагинов и тем осознали необходимость улучшения дизайна HTML-таблиц в WordPress, особенно когда предприятия ищут более эффективные способы передачи сложной информации пользователям и отображения профессионально выглядящих таблиц и диаграмм. их сайт.
Итак, теперь у нас есть множество легких плагинов и инструментов для создания сайтов, оснащенных функциями создания таблиц.
Но какой плагин таблицы WordPress вы должны использовать для своего сайта?
Ну, конечно, это зависит от ваших потребностей.
Например:
- Планируете ли вы широко использовать таблицы в своем контенте или только изредка?
- Вы представляете простую или сложную информацию в своих таблицах?
- Собираетесь ли вы добавлять содержимое в таблицы самостоятельно или импортировать данные таблицы из других источников?
- Как часто вам нужно будет обновлять информацию в таблице?
- Будут ли ваши таблицы содержать только несколько столбцов и строк данных или несколько сотен или даже тысяч записей?
Что делает плагин WordPress Table отличным?
Чтобы помочь вам выбрать лучший плагин для создания и добавления таблиц к вашим сообщениям и страницам, я составил список поддерживаемых в настоящее время плагинов таблиц WordPress и рассмотрел следующие критерии для каждого из перечисленных плагинов:
- Визуально привлекательный
- Facile меню utiliser
- Разумный
- Гутенберг готов
- Дополнительные функции
Кто хочет смотреть скучные столы?
Таблицы могут быть использованы по разным причинам в WordPress.
- Они отображают данные для поддержки исследования или темы, обсуждаемой на странице.
- В них перечислены спецификации продуктов, которые могут быть слишком длинными, громоздкими или трудными для понимания, если они написаны обычным текстом или даже маркированы.
- Они разбивают предложения услуг бок о бок, выделяя основные функции, а также цены на каждую из них.
- Они сравнивают продукты и другие подобные предметы рядом, чтобы помочь посетителям в процессе принятия решений.
- Они позволяют посетителям делать свои собственные расчеты (что может быть очень разумной тактикой продаж).
Нет сомнений в том, что использование таблиц - эффективный способ представления сложной информации.
Но если ваши столы скучны, вы только усложните задачу посетителям вашего сайта.
Что бы вы ни решили сделать с таблицами в WordPress, ваша цель должна состоять в том, чтобы сделать это наиболее привлекательным способом.
Данные и длинные списки спецификаций - не всегда самое интересное для чтения (именно поэтому изображения играют такую большую роль в веб-дизайне в наши дни), поэтому вашим таблицам нужно больше, чем просто то, что нужно. скучная обработка Excel.
Вам не обязательно создавать революционное искусство с вашими столами, но ради всего святого, давайте дадим каждому возможность взглянуть на что-нибудь интересное и сделать их время на вашем сайте положительным для пользователей. .
Итак, первый критерий, который мы рассмотрим при сравнении плагинов таблиц WordPress: генерирует ли плагин красивые таблицы?
Могут ли таблицы предоставлять информацию et быть визуально привлекательным для пользователей?
Какие варианты он предлагает для проектирования и настройки таблиц в WordPress?
Я проверю этот критерий, создав и стилизовав массив с использованием настроек плагина по умолчанию.
Вы не должны быть программистом, чтобы добавлять данные в таблицы и таблицы в WordPress
Если вам нужно научиться писать код для добавления данных в таблицы и вставки таблиц в контент WordPress, вы можете вернуться к ручному методу.
Компаниям любого типа необходимо добавлять таблицы к своему содержимому, и последнее, что им нужно, - это кто-то, кто скажет им, что им нужно выучить HTML и PHP для публикации данных в табличном формате на своих сайтах.
И они тоже абсолютно правы!
Плагины таблиц WordPress должны быть достаточно удобными для пользователя, чтобы конечные пользователи могли легко загружать и заполнять данные таблицы из электронной таблицы (например, Excel или Google Sheet).
Или вручную добавлять и редактировать данные в столбцах и строках таблицы из визуального интерфейса. И вставляйте их таблицы в любое место содержимого, используя шорткоды или виджеты.
Я протестирую удобство использования плагина, импортировав демонстрационный CSV-файл с несколькими столбцами и более чем 8 строками данных.
Пользователи не могут просматривать ваши доски на своих мобильных устройствах ... Что не так с этим изображением?
Вам все еще нужны ссылки на статьи на статистика использования мобильных устройств убедиться, что все и их бабушки (и все соседи бабушки) тратят больше времени на доступ к информации в Интернете с помощью мобильных устройств, а не больших неуклюжих экранов рабочего стола?
Мы даже не должны писать обзоры плагинов и Темы WordPress которые включают такие фразы, как «... и замечательная особенность этого плагина / темы в том, что он адаптирован для мобильных устройств и работает во всех браузерах ...» .
Если пользователи не могут отображать таблицы на своих мобильных устройствах путем прокрутки, перетаскивания или щелчка или нажатия, чтобы развернуть данные, вы не должны использовать этот плагин для отображения таблиц в WordPress (потому что этот плагин не будет вокруг намного дольше!)
Итак, что мы ищем в нашем списке лучших плагинов для таблиц WordPress, так это его отзывчивость на мобильных устройствах пользователей.
Если он не готов для Гутенберга, это нехорошо !!!
Гутенберг - это будущее WordPress. Больше не о чем спорить.
Планируете ли вы или ваши клиенты добавлять таблицы к контенту в WordPress с помощью плагинов, визуальных конструкторов или даже тем (например, таблиц цен), для этого должна быть встроенная поддержка. Редактор Gutenberg.WordPress Gutenberg теперь поддерживает таблицы, так что все плагины таблиц WordPress тоже должны это делать!
Вот лучшие плагины для WordPress на выбор
Имея в виду вышеперечисленные критерии, давайте взглянем на лучшие плагины для WordPress которые могут помочь вам создавать таблицы для ваших сообщений и страниц.
Визуализатор: менеджер таблиц и графиков для WordPress
Visualizer - это бесплатный плагин для WordPress, который позволяет создавать интерактивные (и адаптивные) таблицы для ваших сообщений и страниц и управлять ими. Он также может помочь вам создавать анимированную графику, диаграммы и т. Д.
Как выглядят таблицы?
Вот таблица, которую я создал с помощью Visualizer, импортировав демонстрационный файл CSV и настроив некоторые базовые параметры стиля в настройках плагина: Демо-таблица Visualizer
Это удобно для пользователя?
Этот плагин позволяет вам создавать и добавлять неограниченное количество таблиц и диаграмм к вашему контенту. Таблицы и диаграммы могут быть легко добавлены в контент через классический редактор WordPress или в Gutenberg с помощью собственного настраиваемого блока. Он также позволяет вручную редактировать данные в диаграммах и таблицах, а также импортировать данные из URL-адреса, файла CSV или таблицы Google. Если этого недостаточно, вы можете также можно настроить дизайн и поведение ваших таблиц и диаграмм.
Это реактивно?
Вы можете сделать отдельные таблицы адаптивными или нет, включив или отключив адаптивную функцию в настройках диаграммы, это то, что мобильные пользователи увидят при просмотре таблицы, созданной с помощью Visualizer ( Макет настройщика тем WordPress на основе отображения). Плагин объединяет различные анимационные и адаптивные технологии, такие как API визуализации Google, DataTables.net и ChartJS. Он также поддерживает кроссбраузерность и кроссплатформенная переносимость на iOS и Android.
Совместимо ли это с Гутенбергом?
Вы можете добавлять интерактивные таблицы и диаграммы к сообщениям и страницам WordPress с помощью блока Visualizer Gutenberg, как только вы это сделаете, вы можете настроить различные параметры в настройках настраиваемого блока. К ним относятся настройки таблицы, ячейки, строки и столбца, и у вас есть возможность добавить пользователям интерфейсные действия, например разрешить им печатать, экспортировать или копировать данные из Ваш стол. Блок визуализатора Гутенберга.
Дополнительная информация о плагине
Бесплатная версия включает 8 типов встроенных диаграмм (табличная диаграмма, линейная диаграмма, диаграмма с областями, гистограмма, столбчатая диаграмма, круговая диаграмма, географическая диаграмма и точечная диаграмма). Профессиональная версия предоставляет вам 6 дополнительных типов диаграмм и параметров, а также позволяет импортировать данные из других диаграмм с помощью интерактивного редактора.
Он также позволяет выполнять такие действия, как: автоматическая синхронизация таблиц и диаграмм с онлайн-файлами, создание личных диаграмм, предоставление пользователям возможности редактировать диаграммы и т. Д.
В целом, это отличный плагин для установки, если вы планируете широко использовать таблицы и диаграммы на своем сайте и хотите иметь полный контроль над дизайном и представлением ваших данных.
Тестовые заметки
Сначала я столкнулся с проблемами при импорте данных таблицы из файла CSV, пока не понял, что таблица должна быть отформатирована с первой строкой, содержащей заголовки столбцов и вторая строка содержит серийный тип (строка, число, логическое значение, дата, дата и время, время дня). После того, как я правильно переформатировал файл CSV, загрузка прошла успешно. Интересует визуализатор: таблицы и диаграммы Менеджер для WordPress?
TablePress
TablePress это бесплатный плагин WordPress, который позволяет вам легко создавать и управлять таблицами на вашем веб-сайте, содержащими любые типы данных. От чисел, текста и изображений до ссылок и даже математических формул.
Как выглядят таблицы?
Вот таблица, которую я создал с помощью TablePress, импортировав демонстрационный CSV-файл, есть только несколько вариантов, доступных для настройки стиля ваших таблиц без использования пользовательского CSS: Демо-таблица, созданная с использованием справка для плагина TablePress.
В приведенной выше таблице показаны некоторые функции библиотеки JavaScript DataTables в настройках активированного плагина (например, сортировка, фильтрация, разбиение по страницам и поиск). Размер столбцов, по-видимому, определяется данными ячейки, что делает заголовки узких столбцов данных непривлекательными.
Однако плагин предоставляет поле «Custom Orders», в котором к вызову JS можно добавить дополнительные параметры из документации DataTables. Это означает, что опытные пользователи могут дополнительно редактировать и настраивать таблицу.
Это удобно для пользователя?
TablePress очень прост и удобен в использовании. Плагин добавляет свой собственный раздел интерфейса администратора в главное меню, где вы можете создавать и редактировать таблицы, а затем вводить данные таблицы в визуальный конструктор таблиц (а не в публикацию), позволяя вам добавлять обновите все экземпляры таблицы на вашем сайте.
Дополнительные функции редактирования таблицы включают в себя: копирование / дублирование и удаление таблиц и сортировку данных таблицы путем перетаскивания. Когда вы закончите создание таблицы, используйте простой шорткод (или функцию шаблона) для добавления таблицы в записи, страницы или текстовые виджеты WordPress. Этот шорткод позволяет использовать одну и ту же таблицу на нескольких страницах, плагин интегрируется с плагином Data Tables jQuery, поэтому вы можете включить такие функции, как сортировка в реальном времени, разбиение на страницы, поиск, прокрутка. горизонтальный и т. д.
Вы также можете легко добавлять и удалять новые столбцы и строки, а также включать связанные / объединенные ячейки в структуру вашей таблицы. Наконец, есть возможность экспортировать и импортировать таблицы по отдельности или в большом количестве для совместного использования между сайтами Таблицы можно импортировать из файлов Excel (.xls и .xlsx), CSV, HTML или JSON и экспортировать / сохранять / сохранять в большинстве этих форматов.
Как также упоминалось, TablePress предоставляет вам несколько основных вариантов дизайна в области настроек, таких как включение первой и последней строк в качестве строки заголовка и нижнего колонтитула таблицы, чередование цветов фона - очертить строки, выделить строки (при наведении указателя мыши на указатель мыши) и отобразить имя и описание таблицы над или под таблицей. Это практически все параметры, которые у вас есть, если вы не решите стилизовать свои таблицы с помощью CSS.
Это реактивно?
Таблицы, созданные с помощью TablePress, являются "адаптивными" только в техническом смысле, поскольку они будут изменяться по мере изменения размера вашего браузера. Они не являются "мобильными", потому что все, что делает таблица пытается объединить все вместе, создавая таблицу, которая выглядит следующим образом: Это то, что мобильные пользователи могут ожидать увидеть при просмотре таблиц, созданных с помощью TablePress (макет на основе Отображение настройщика тем WordPress).
Совместимо ли это с Гутенбергом?
TablePress не имеет собственного настраиваемого блока Гутенберга. Если вы создаете сообщения или страницы с помощью редактора Gutenberg, вам нужно будет скопировать и вставить сгенерированный плагином шорткод в блок шорткода. Вставьте шорткод TablePress в блок шорткода, чтобы отобразить таблицы в помощь от Гутенберга.
Дополнительная информация о плагине
TablePress - один из самых популярных плагинов для таблиц, доступных для WordPress, с более чем 800+ активных установок. Если вы планируете добавить несколько экземпляров одной и той же таблицы в разные сообщения, страницы или области вашего сайта, или если вам нужно только добавить базовые таблицы в свой контент, используя простую реализацию в стиле CSV - тогда стоит загрузить и прочитать TablePress. Пожертвуйте разработчику плагина, и, надеюсь, этот плагин продолжит работать. 'улучшить.
Тестовые заметки
Я обнаружил, что самый простой способ обновить данные таблицы в TablePress - создать и экспортировать вашу таблицу (например, в виде файла CSV), а затем напрямую отредактировать файл, и когда это будет сделано, просто повторно загрузите и перезапишите существующую таблицу с помощью функции импорта, однако при тестировании этого плагина я сделал ошибку, сначала импортировав свой демонстрационный файл CSV (с 8 строками данных). Затем мне пришлось мучительно прокручивать страницу вниз и ждать, пока на моем экране загрузятся тысячи строк, прежде чем я смог получить доступ к разделу настроек таблицы, который находится под генератором. Этот процесс был бы намного проще и быстрее, если бы я последовал своему собственному совету и сначала создал новую таблицу, настроил параметры, а затем импортировал большой CSV-файл, перезаписав вновь созданную пустую таблицу. TablePress?
Таблицы ниндзя
Таблицы ниндзя позволяет создавать, управлять и настраивать таблицы данных в WordPress с помощью ряда встроенных опций стилизации. Вы также можете импортировать большие таблицы и даже таблицы, созданные с помощью некоторых других плагинов, обсуждаемых в этой статье.
Как выглядят таблицы?
Хотя этот плагин имеет множество функций настройки, бесплатная версия дает вам лишь ограниченные возможности дизайна.Демонстрационная таблица, созданная с использованием таблиц Ninja.
Если вы хотите воспользоваться всеми функциями настройки плагина, подумайте об обновлении до версии Pro. NinjaTables позволяет создавать и добавлять потрясающие таблицы к вашему контенту в WordPress.
Это удобно для пользователя?
Я тестировал только бесплатную версию этого плагина. Интерфейс плагина выглядит довольно простым и удобным, но вы можете получить доступ к хорошему, только обновившись до версии Pro, тем не менее, я смог создать таблицу вручную и без проблем импортировать данные из моего демонстрационного CSV-файла. .
Это реактивно?
Таблицы, созданные с помощью NinjaTables, изменяют размер в вашем браузере и адаптируются к мобильным устройствам. Как пользователи могут рассчитывать на просмотр таблиц, созданных с помощью NinjaTables. (Мокап, сделанный с использованием дисплея настройщика тем WordPress.)
Замечательной особенностью этого плагина является возможность устанавливать различные ответные точки останова, чтобы указать, как столбцы таблицы должны выглядеть при просмотре на разных устройствах.
Например, вы можете захотеть, чтобы данные из нескольких столбцов изначально были скрыты за знаком плюса ('+') при просмотре на мобильном устройстве. NinjaTables позволяет вам выбрать, какие столбцы изначально скрывать при просмотре на разных устройствах.
Совместимо ли это с Гутенбергом?
Ninja Tables добавляет пользовательский блок Гутенберга, который позволяет вам выбрать таблицу из выпадающего меню и предоставляет поле «Дополнительно» для добавления CSS. Ninja Gutenberg Block Tables
Дополнительная информация о плагине
Хотя я тестировал только бесплатную версию этого плагина, Ninja Tables кажется простым в использовании и дает вам полный контроль над настройками столбцов и вставкой данных. Вы можете массово редактировать / редактировать, удалять и дублируйте строки данных и сортируйте данные в таблице путем перетаскивания.
Как уже упоминалось, с версией Pro вы получаете намного больше. Мы говорим о таких функциях, как глобальные значения по умолчанию для ваших таблиц и других удобных опциях, таких как разрешение пользователям фильтровать, искать и сортировать таблицы.
Плагин также дает вам доступ к расширенным функциям настройки, таким как стили CSS, установка максимальной ширины столбца, условное форматирование столбца, а также возможность отображать таблицы Google как таблицы в интеграции WordPress и WooCommerce.
Тестовые заметки
Один из разочаровывающих аспектов этого плагина заключается в том, что вам нужно перейти на версию Pro, чтобы получить доступ к функциям, которые другие плагины предлагают в своих бесплатных версиях. Например, возможность добавлять медиа в ячейки таблицы, использовать цвета, выравнивать текст, объединять ячейки, указывать точки останова для разбивки на страницы и т. Д. С положительной стороны, это выглядит так: к очень хорошему плагину и, судя по отзывам, пользователи, похоже, очень довольны функциональностью плагина. Заинтересованы в Ninja Tables?
Надеюсь, эта информация поможет вам выбрать лучший плагин таблиц WordPress для ваших сайтов (или сайтов наших клиентов). Найдите подходящий плагин, который доставит вам наибольшее удовольствие, и вскоре вы тоже будете танцевать на столах!
