В этом видео я покажу вам два способа, чтобы добавить таблицу в пост или страницу сайта на WordPress.
И для этого нам не нужно использовать html-код.
Первый способ — это использование редактора блоков в самом WordPress
Для этого на своём сайте бесплатных объявлений https://sitebiznes.ru/, я создаю новую страницу.
Называю её 10 последних объявлений.
И добавляю в неё блок с таблицей.
В блоках находим нужный — Таблица и щелкаем по нему.
Далее нам нужно задать число колонок и строк для таблицы.
С правой стороны, можно выбрать стиль отображения таблицы — по умолчанию или полосы.
Нажимаем на кнопку Создать таблицу.
Структура таблицы создана, заполняем её данными.
В процессе работы, можно добавлять или удалять строки и столбцы таблицы.
В таблицу можно добавлять изображения из медиабиблиотеки.
Вставлять ссылки на другие страницы.
Через паузу я покажу, что у меня получилось.
Я заполнил пять строк таблицы.
Давайте переименуем страницу в 5 последних объявлений.
И удалим лишнее строки.
Можно задать заголовки для столбцов таблицы.
Для этого с правой стороны необходимо включить опцию Область заголовка.
Можно настроить цвет фона для таблицы.
По аналогии настроить Область подвала для таблицы.
Задаем текст после таблицы и публикуем изменения.
5 последних объявлений https://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.
Если вы хотите увидеть, как ваша таблица будет выглядеть на странице перед тем, как вы сохраните изменения и опубликуете их, воспользуйтесь кнопкой Посмотреть. Эта опция не позволит вам увидеть те настройки стилей, которые вы добавили, а внешний вид будет зависеть от вашей текущей темы.
Если вам нужно создать таблицы и диаграммы для вашего WordPress сайта, загружая файл или делая запрос в базу данных, то wpDataTables может быть как раз тем, что вам нужно. Чтобы понять, удовлетворяет ли плагин вашим потребностям, читайте наш обзор wpDataTables.