Коротко: таблицу в WordPress проще всего вставить блоком «Таблица» в редакторе: он сразу добавляет ряды и колонки, а строку заголовка можно пометить отдельно. Для сложных таблиц берут плагин TablePress или блок «Произвольный HTML» со своим кодом.
Способы добавить таблицу
| Способ | Когда подходит |
|---|---|
| Блок «Таблица» | простая таблица в статье |
| Плагин TablePress | много таблиц и редактирование |
| Блок «Произвольный HTML» | своя разметка и стили |
| Вставка из Word/Excel | быстрый перенос данных |
Встроенный блок «Таблица»
В редакторе нажмите «+» и выберите блок «Таблица». Появится поле с ячейками: двигаться между ними можно клавишей Tab.
Блок «Таблица»
→ указать число колонок и рядов
→ «Строка заголовка» — включить
→ «Стиль» — выбрать оформление
→ заполнить ячейкиСтроку заголовка включают обязательно — это и оформление, и правильная семантика для скринридеров и поисковиков.
Вкладки: варианты
Плагин TablePress хранит таблицы отдельно и вставляет их шорткодом. Он умеет сортировку, поиск, постраничный вывод и импорт из CSV — удобно для каталогов и прайсов.
<table>
<thead>
<tr><th>Услуга</th><th>Цена</th></tr>
</thead>
<tbody>
<tr><td>Дизайн</td><td>5 000 ₽</td></tr>
</tbody>
</table>Свою разметку вставляют блоком «Произвольный HTML». Так контролируют и структуру, и стили, но нужно следить за адаптивностью.
.wp-block-table { overflow-x: auto; }
.wp-block-table table { min-width: 480px; }Чтобы широкая таблица не ломала мобильную вёрстку, дайте обёртке горизонтальную прокрутку, а таблице — минимальную ширину.
Практика: вставить таблицу
- Определите, простая таблица или сложная.
- Для простой — блок «Таблица».
- Для сложной — плагин TablePress.
- Включите строку заголовка.
- Проверьте адаптивность на мобильном.
- Перечитайте данные и выровняйте формат чисел.
Частые ошибки: причина → решение
| Симптом | Причина | Решение |
|---|---|---|
| Таблица вылезает за экран | нет прокрутки | overflow-x: auto |
| Нет заголовка | не включена строка заголовка | включить в настройках блока |
| Стили слетели | конфликт темы | задать свои стили |
| Данные «поехали» после импорта | неверный разделитель CSV | проверить файл перед импортом |
| Таблица не редактируется | вставлена как HTML | править код или использовать плагин |
Проверьте себя
Вопросы и ответы
Широкие таблицы не помещаются в узкий экран и растягивают страницу. Решение — горизонтальная прокрутка у обёртки и минимальная ширина у таблицы.
Он хранит таблицы отдельно от статей, умеет сортировку, поиск и импорт из файлов. Одну таблицу можно вставлять на нескольких страницах одним шорткодом.
Скопируйте диапазон и вставьте в блок «Таблица» — WordPress часто сам создаёт структуру. Либо сохраните таблицу в CSV и импортируйте в TablePress.
Да, в хорошую сторону: поисковые системы используют таблицы для расширенных ответов. Для этого нужна настоящая разметка с thead и th, а не картинка.
Итоги
- Простая таблица — блок «Таблица» в редакторе.
- Сложная — плагин TablePress со сортировкой и поиском.
- Своя разметка — блок «Произвольный HTML».
- Широким таблицам нужна горизонтальная прокрутка.
Комментарии
Пока комментариев нет — будьте первым, кто поделится мнением.