Как добавить таблицу в пост или страницу сайта на WordPress

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

И для этого нам не нужно использовать html-код.

Первый способ — это использование редактора блоков в самом WordPress

Для этого на своём сайте бесплатных объявлений https://board.sitebiznes.ru/, я создаю новую страницу.

Называю её 10 последних объявлений.

И добавляю в неё блок с таблицей.

В блоках находим нужный — Таблица и щелкаем по нему.

Далее нам нужно задать число колонок и строк для таблицы.

С правой стороны, можно выбрать стиль отображения таблицы — по умолчанию или полосы.

Нажимаем на кнопку Создать таблицу.

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

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

В таблицу можно добавлять изображения из медиабиблиотеки.

Вставлять ссылки на другие страницы.

Через паузу я покажу, что у меня получилось.

Я заполнил пять строк таблицы.

Давайте переименуем страницу в 5 последних объявлений.

И удалим лишнее строки.

Можно задать заголовки для столбцов таблицы.

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

Можно настроить цвет фона для таблицы.

По аналогии настроить Область подвала для таблицы.

Задаем текст после таблицы и публикуем изменения.

5 последних объявлений https://board.sitebiznes.ru/5-poslednih-obyavlenij/

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

Второй способ — это использование плагина TablePress

Устанавливаем и активируем плагин.

В админке появился новый пункт меню TablePress с подпунктами.

Выбираем пункт Добавить новую — для создания новой таблицы.

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

Нажимаем на кнопку Добавить таблицу.

Новая таблица создана и мы можем заполнять её ячейки данными.

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

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

Зададим их аналогично столбцам в первом примере.

Далее мы будем добавлять ссылки объявления о книгах про бизнес в интернет.

Добавляем первый заголовок и далее вставляем изображение.

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

И выбрать необходимое из Медиабиблиотеки.

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

Чтобы добавить ссылку, нужно кликнуть по кнопке Вставить ссылку, щелкнуть мышью по той ячейке таблицы, куда будет добавляться ссылка.

Далее вводим URL-ссылки и текст или выбираем существующую страницу или запись.

Я заполнил все ячейки таблицы.

Можно просмотреть что у нас получилось.

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

Создаем новую страницу Книги о бизнесе в интернет

И вставляем туда новый блок шорткод, куда размещаем сам код.

Сохраняем и публикуем страницу.

Мы можем сортировать данные в таблице по колонке.

Еще одна интересная особенность плагина TablePress возможность импорта и экспорта данных таблиц.

Экспортировать можно в файлы форматов CSV (текстовый файл с разделителями), HTML или JSON.

Если файл таблицы большой или содержит сразу несколько таблиц, его можно загрузить в формате архива zip.

Импортировать данные можно из файлов перечисленных форматов, а также XLS — Microsoft Excel 97-2003 и XLSX — Microsoft Excel 2007 — 2019 — эта возможность тестируется.

Отдельно можно прописать свои CSS-стили для отображения таблиц.

Используйте данные два решения, чтобы добавить таблицу в пост или страницу сайта на WordPress.



У этой записи 2 комментариев

  1. Илья

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

  2. Денис

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

Добавить комментарий

Войти с помощью: