Как вставлять таблицы в записи и страницы блога на WordPress (без HTML!)

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

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

Для создания новой таблицы кликните на Add New Table. Вас перекинет на вкладку Add New. После задания таблице названия и описания, выберите количество строк и столбцов, исходя из ваших нужд. Не беспокойтесь, вы всегда сможете позже добавить/удалить строки и столбцы из таблицы при вводе в нее данных или при редактировании. Нажмите на кнопку Add Table после того, как закончите создавать.

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

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

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

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

Плагин также умеет импортировать данные из файлов CSV, JSON, HTML-таблицы и форматов json. Можно и экспортировать свои таблицы в CSV, HTML, JSON. Если же информации, описанной в статье не хватило, можно обратиться к официальной документации по TablePress.