Как вставить таблицы в записи/страницы WordPress

Есть простой способ.

Но это не лучший способ.

Новый редактор блоков в WordPress включает в себя табличный блок и отлично работает с простыми таблицами.

Однако есть вероятность, что вам понадобится что-то более продвинутое.

Есть два отличных плагина, которые могут помочь.

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

Существует третий метод, который работает динамически и отображает записи, документы и другой контент на вашем сайте — мы рассмотрим этот вариант в конце.

Подпишитесь на конкурс тем на Youtube

1. Создайте таблицу с помощью TablePress

TablePress — это плагин для создания и отображения таблиц в WordPress.

Как видите, это фаворит среди пользователей WordPress.

Зачем использовать TablePress?

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

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

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

Как использовать ТаблетПресс

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

Нажав кнопку « Добавить новую », вы попадете на эту страницу, где вы сможете настроить имя и размер таблицы (не волнуйтесь, вы всегда можете обновить строки/столбцы позже).

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

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

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

Хотя в редакторе вы увидите шорткод, при просмотре поста отображается полная таблица.

Вот как выглядит таблица во внешнем интерфейсе.

Никогда не использовали шорткоды? Ознакомьтесь с ними в этом уроке.

Общие вопросы

Есть несколько распространенных проблем и вопросов, связанных с TablePress.

Повлияет ли шорткод на SEO моего сайта?

Нет. Использование шорткода никак не повлияет на способность Google читать таблицу на странице.

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

Является ли он адаптивным/удобным для мобильных устройств?

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

Потеряю ли я свои столы, если перестану использовать этот плагин?

Да и нет.

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

Сделайте резервную копию вашего сайта!

Хорошо, это не вопрос, а напоминание сделать резервную копию вашего сайта! Некоторые пользователи WP в сети жалуются, что проводят часы за своими столами только для того, чтобы в конечном итоге их потерять.

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

2. Создайте таблицу с Tablesome

Tablesome — это плагин для таблиц WordPress, позволяющий быстро создавать адаптивные таблицы и добавлять их на страницы и в записи. Вы также можете импортировать таблицы из файлов CSV и XLSX, созданных с помощью других инструментов, таких как Google Sheets, MS Excel и т. д.

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

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

Как использовать Tablesome

Tablesome можно установить как любой другой плагин WP. После установки вы обнаружите новое меню Tablesome, добавленное на вашу панель инструментов.

Если вы хотите импортировать файл из файла CSV или XLSX, вы можете сделать это, щелкнув параметр «Импорт».
Чтобы создать таблицу с нуля, щелкните пункт меню «Создать новую таблицу», чтобы перейти на страницу «Новая таблица».

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

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

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

В разделе «Стиль» вы можете настроить внешний вид заголовка таблицы, тела, границ, шрифта и размера шрифта.

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

Вот пример того, как таблица Tablesome выглядит во внешнем интерфейсе сайта:

3. Создайте таблицу с помощью WP Table Builder

Если вы хотите создавать более визуально красивые таблицы, попробуйте WP Table Builder.

Хотя TablePress отлично подходит для структурирования и представления данных, таблицы не так уж привлекательны. WP Table Builder отлично подходит для создания таблиц сравнения продуктов, расписаний сотрудников и даже меню ресторана.

Благодаря простому интерфейсу перетаскивания WP Table Builder очень удобен в использовании.

Как использовать WP Table Builder

WP Table Builder можно установить, как и любой другой плагин. После установки вы найдете новое меню Table Builder, добавленное на вашу панель инструментов.

При нажатии кнопки «Добавить новый» открывается интерфейс перетаскивания, в котором вы можете создать свою таблицу.

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

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

Менее чем через минуту возни с этим плагином я смог составить таблицу сравнения продуктов.

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

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

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

4. Используйте таблицу сообщений Pro

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

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

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

Зачем использовать Posts Table Pro?

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

Вместо того, чтобы добавлять данные непосредственно в таблицу, вы добавляете запись (или пользовательскую запись) в панели администратора WordPress. Вы можете использовать все стандартные поля, которые поставляются с самим WordPress, и вы можете использовать плагины, такие как Advanced Custom Fields или Pods, для добавления настраиваемых полей и таксономий. После добавления вы используете шорткод Posts Table Pro для вставки таблиц в любом месте вашего сайта.

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

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

Как использовать таблицу сообщений Pro

Если информация, которую вы хотите отобразить, уже есть на вашем сайте WordPress (например, сообщения в блогах), вы можете сразу настроить Posts Table Pro. Кроме того, вы можете установить бесплатный плагин Pods и создать собственный тип записи вместе со всеми полями, которые вы будете отображать в виде столбцов в таблице.

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

Затем добавьте шорткод [posts_table] везде, где вы хотите вставить таблицу на свой сайт WordPress. Например, существует множество вариантов шорткода, чтобы вы могли перечислять разные элементы в каждой таблице.

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

5. Используйте конструктор таблиц JetEngine

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

Tables Builder чаще всего используется для таблиц продуктов WooCommerce, таблиц статистики и таблиц на базе Rest API (например, таблицы IMDb). С помощью этого плагина таблиц вы можете создавать таблицы динамических данных, показывающие: сообщения, термины, комментарии, обзоры, продукты или данные SQL.

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

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

1. Загрузите и установите JetEngine.
2. Включить модуль динамических таблиц

3. Создайте запрос с помощью конструктора запросов JetEngine.
4. Настройте общие параметры таблицы (добавьте заголовок, выберите «Запрос», чтобы получить данные, выберите данные для предварительного просмотра таблицы).
5. Добавьте нужные столбцы.
6. Настройте стиль таблицы.
7. Добавьте таблицу на страницу (через конструктор страниц Elementor или Гутенберг).

С помощью Tables Builder вы можете легко добавить динамическую таблицу для своего веб-сайта с сортируемыми и самообновляющимися данными. Кстати, с помощью JetSmartFilters вы можете добавлять фильтры в свою таблицу.

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

Можно ли создать таблицу без плагина?

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

TablePress — отличный выбор для тех, кто хочет создавать большие многоразовые таблицы, которые они могут импортировать или экспортировать со своего сайта. WP Table Builder — отличная альтернатива визуальному контенту, а Posts Table Pro идеально подходит для отображения динамического контента на сайте.

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

Есть ли что-то еще, что вам нужно для добавления таблиц на ваш сайт? Чего-то не хватает в этом уроке? Оставьте комментарий ниже.