Создание и вставка таблиц в wordpress

Статья читается: 1 мин.

И снова очень рад вас видеть на своем блоге zacompom.ru.

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

Много болтать не будем — давайте сразу переходить к делу!

Вставка текста и изображений нормальная вещь на вордпресс, но как создавать и вставлять таблицы на wordpress блоге?

Многие блоггеры используют HTML теги, такие как <th>,<td> и <tr> для вставки таблиц. Но этот метод не очень комфортный и сложный, особенно для новичков. К тому же использование тегов каждый раз для создания таблиц занимает много времени.

Здесь и сейчас я покажу самый простой способ вставки функциональной таблицы в wordpress.

Для этого будем использовать плагин Tablepress, который разработал Tobias Bathge.

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

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

Устанавливается и активируется TablePress как обычный плагин. После активации, вы увидите новое меню «TablePress» в админке wordpress.

Чтобы начать создавать новую таблицу, нажмите на кнопку «Add a New Table». В открывшемся окне, заполните название таблицы, описание и самую важную часть — количество строк и столбцов. После того как вы добавите все эти детали, нажмите «Add Table».

Tablepress-1

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

Tablepress-2

Если вы хотите добавить больше столбцов или строк, то ниже в «Table Manipulation» (Обработка таблицы) введите число в «Add» рядом с полем строки и столбцы, а затем нажмите на кнопку «Add». Также тут можете найти настройки: скрыть, отобразить, дублировать, вставить и удалить строки и столбцы. Есть кнопки чтобы вставить ссылку, изображение и расширенный редактор.

Tablepress-3

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

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

Tablepress-4

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

Импорт и экспорт таблицы

Если у вас есть готовые таблицы их можно импортировать, только они должны быть созданы в формате CSV, HTML или JSON. Для этого нажмите «Import», выберите файл, выберите формат, а затем нажмите кнопку «Import».

Чтобы экспортировать таблицы, перейдите на «Export», выберите таблицы экспорта, выберите формат экспорта и нажмите кнопку «Export».

Резюме

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

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

На этом все! Удачи!

И как всегда — с вами был ваш Юрич!

Вам понравилась статья?
плохохорошо (Пока оценок нет)
Загрузка...
Обо мне
Юрич:
Занимаюсь созданием сайтов на ВордПресс более 5 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на вордресс, шаблон для сайта или лендинг - не стесняйтесь - пишите. Рад буду помочь!