Полное руководство: как добавить таблицы в WordPress

Доброго здравия, уважаемые посетители моего блога!

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

Полное руководство как добавить таблицы в WordPress

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

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

Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится - тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.

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

как добавить таблицы в WordPress

Таблицы WordPress

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

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

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

TablePress — введение

«TablePress» от Tobias Bathge, является одним из лучших и свободно доступных плагинов для таблиц. Он позволяет вам создавать и управлять таблицами на вашем сайте WordPress, используя удобный интерфейс. Знание HTML не требуется.

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

Этот плагин имеет более 3500 5-звездочных оценок и более 800 000 активных установок на момент написания этой статьи, TablePress уже зарекомендовал себя как популярный и любимый плагин среди пользователей WordPress.

TablePress - введение

Особенности TablePress

  • Легко импортируйте данные из Excel, HTML, CSV и JSON.
  • Экспорт/сохранение таблиц в различных форматах, таких как CSV, JSON, HTML.
  • Поддерживает массовый импорт/экспорт
  • Таблицы могут быть встроены в любом месте с помощью шорткода.
  • Легко настраиваемые таблицы с использованием CSS.
  • Табличные данные могут содержать данные любого типа — текст, числа, ссылки, HTML или JavaScript.
  • Дополнительная библиотека JavaScript добавляет такие функции, как сортировка, разбиение на страницы, фильтрация и многое другое.
  • Позволяет дублировать и удалять таблицы.
  • Легко вставляйте таблицы в свои сообщения одним нажатием кнопки
  • Может объединять несколько строк/столбцов в одну (rowspan/colspan)
  • Содержит несколько дополнений для дальнейшего расширения его функциональных возможностей, таких как создание адаптивных таблиц, фильтры столбцов, кнопка «Сохранить в файл PDF» и многое другое.

Установка TablePress на ваш сайт WordPress

Установка плагина проста и включает в себя несколько шагов, описанных ниже.

  • Войдите в свою панель администратора WordPress.
  • Выберите вкладку «Плагины» в меню левой боковой панели.
  • Нажмите на кнопку «Добавить новый» из плагинов

Установка TablePress

Появится новое окно, введите «TablePress» в меню поиска в верхнем правом углу окна и нажмите Enter.

в меню поиска в верхнем правом углу окна

Появится список плагинов. Отсюда выберите плагин и нажмите кнопку «Установить сейчас».

Установить сейчас

После завершения установки нажмите на «Активировать».

Активировать

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

Чтобы узнать больше о плагине Tableppress, прокрутите вниз на левой боковой панели и нажмите кнопку «О плагине».

О плагине

Создание таблиц с использованием TablePress

В этой статье мы с вами собираемся обсудить 2 способа вставки таблиц в WordPress.

  • Создание таблиц с нуля
  • Импорт таблицы из существующего файла

Создание таблиц с нуля

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

Шаги для создания таблицы перечислены ниже.

Перейдите в панель управления WordPress и нажмите «TablePress» на левой боковой панели.

TablePress на левой боковой панели

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

Добавить новую таблицу

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

Добавить таблицу

Нажав на кнопку «Добавить таблицу», вы получите доступ к полному редактору таблиц, где вы можете продолжить добавление содержимого в таблицу. На этой странице вы можете настроить следующее:

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

Ниже вы найдете раздел «Содержимое таблицы», где вы начинаете заполнять ячейки таблицы данными.

начинаете заполнять ячейки таблицы

Далее вниз по странице вы можете найти «Управление таблицей». Вы можете вставлять ссылки, изображения в ваши ячейки, комбинировать ячейки, расширенный редактор, дублировать/удалять выбранные строки и столбцы, добавлять дополнительные строки/столбцы.

Управление таблицей

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

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

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

доступные для копирования

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

Предварительный просмотр

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

Чтобы вставить таблицу в сообщение или страницу, есть 2 различных способа.

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

вставьте шорткод

Второй способ — нажать кнопку «Вставить таблицу из WordPress», добавленную TablePress, на панели инструментов визуального редактора.

Вставить таблицу из WordPress

Вот и все. Теперь таблица добавлена на ваш сайт WordPress.

Создание таблицы путем импорта

Если у вас уже есть таблицы, созданные в формате Excel или Google Sheet или в других форматах, и вы хотите использовать эту таблицу в своем сообщении/странице, мы можем сразу импортировать ее с помощью плагина TablePress.

Шаги, как это сделать, перечислены ниже:

  • Перейдите на панели администратора: TablePress и затем нажмите «Import Next», на этой странице вы выберете свой источник импорта (выгрузка файла, URL, файл сервера или ручной ввод).
  • Затем нажмите кнопку «Выбрать файл», чтобы выбрать файл, который вы хотите импортировать.
  • Другая функция, включенная в эту вкладку — это возможность выбрать импортированные данные для создания новой таблицы, замены существующей или добавления нового содержимого таблицы в существующую таблицу.

Создание таблицы путем импорта

  • Нажмите на кнопку «Импорт», как только вы закончите.
  • После того, как вы нажмете кнопку «Импорт», вы снова будете перенаправлены на ту же страницу редактирования, что и при создании таблицы с нуля.
  • Остальные шаги от добавления содержимого к вашей таблице до добавления его на вашу страницу/публикацию аналогичны тем, которые обсуждались в первом методе создания таблицы с использованием TablePress.

Экспорт таблицы

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

Вот все шаги:

  • Перейдите к панели администратора: TablePress. И затем выберите «Экспорт»
  • Выберите таблицу, которую вы хотите экспортировать, и формат экспорта.
  • Вы также можете выбрать несколько таблиц для экспорта, заархивировав их в один ZIP-файл.

Экспорт таблицы

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

Опции плагина TablePress

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

Опции плагина TablePress

Раздел «Front-End Options» позволяет вам вставить пользовательский CSS, чтобы применить настройки стилей, такие как изменение цвета, фона, выделения ячеек и т. д. к вашим таблицам.

Вы также можете изменить место, где TablePress будет отображаться в меню администратора.

Нажмите «Сохранить изменения», чтобы применить изменения.

Заключительные слова о TablePress

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

Надеюсь что эта статья была полезна вам.

На этом буду заканчивать — до скорых встреч.


Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.

Заказать сайт