Нужно показать в статье цены или пакеты «в ряд», а в WordPress видны только абзацы; страшно вставить таблицу из Excel и получить на телефоне кашу. Игорь, мастер по ремонту, сверстал «эконом / стандарт / премиум» в Google Таблицах и скопировал в запись — на ноутбуке красиво, на iPhone столбцы сжались в полоски. Ниже — как собрать сравнение блоком «Таблица» в Gutenberg без плагинов, настроить «Фиксированную ширину ячеек» и проверить результат с телефона.
Таблица в WordPress — это обычный блок, как абзац: плюс в редакторе, поиск «таблица» или команда /table, затем число строк и столбцов. Для сравнения тарифов хватит 3-4 колонок и короткого текста в ячейках. На узком экране ядро даёт горизонтальную прокрутку обёртки таблицы, но широкие сетки всё равно лучше упростить, а не надеяться на мелкий шрифт. Плагин TablePress нужен редко — когда таблиц много и они повторяются на разных страницах.
Gutenberg — встроенный редактор блоков WordPress: таблица здесь такой же блок, как абзац. Цепочка одна: сетка, шапка, проверка на мобилке. Обзор блоков — в материале про блоки Gutenberg.
- Решите, зачем вам таблица: тарифы, этапы, чек-лист без Excel на сайте
- Добавьте блок «Таблица» в запись: плюс, /table или поиск
- Включите строку заголовков и разберитесь с «Фиксированной шириной ячеек»
- Проверьте таблицу на телефоне: скролл, столбцы и неожиданность ядра
- Выберите стиль «Полосы» и не превращайте ячейки в мини-статьи
- Избегайте вставки из Excel и гигантских сеток: перенос вручную
- Частые вопросы
- Можно ли сделать таблицу в WordPress без плагина?
- Как сделать таблицу на телефоне читаемой?
- Чем блок «Таблица» отличается от HTML-таблицы в коде?
- Как не сломать вёрстку при копировании из Excel?
- Что делает «Фиксированная ширина ячеек»?
- Когда таблицу лучше заменить списком?
Решите, зачем вам таблица: тарифы, этапы, чек-лист без Excel на сайте
Таблица нужна, когда читатель сравнивает варианты за секунды: пакеты ремонта, сроки, «базовый / стандарт / максимум». Три пункта — списком проще. Больше четырёх столбцов с длинным текстом — на практике лучше упростить сетку или разбить на две таблицы.
| Задача на сайте услуг | Таблица в Gutenberg | Когда без таблицы |
|---|---|---|
| Сравнение тарифов | 3 колонки: названия пакетов + цена + 2-3 короткие строки услуг | Один тариф и одна кнопка заявки |
| Этапы работ | Колонки «этап / срок / результат» | Длинный рассказ без цифр |
| Чек-лист «что входит» | Строки услуг, в ячейках «да» или короткая фраза | Мало позиций — маркированный список |
Клиент с телефона не должен угадывать цену. Таблица в записи дополняет страницу услуг: ясное сравнение, потом заявка в мессенджер.
Добавьте блок «Таблица» в запись: плюс, /table или поиск
Боль «не знаю, где кнопка» закрывается за минуту. Откройте запись в редакторе блоков, поставьте курсор туда, где нужна таблица, нажмите «+» (добавить блок). В поиске введите «таблица» или «table» — выберите блок «Таблица». Быстрый путь: в пустой строке наберите /table и Enter. Официальная справка WordPress описывает те же шаги: сначала размер сетки, потом кнопка создания.
- Шаг 1. Укажите число столбцов и строк. Для сравнения трёх пакетов услуг начните с 3 столбцов и 4-5 строк (шапка + три тарифа + строка «итого» при необходимости).
- Шаг 2. Нажмите «Создать таблицу» — в записи появится пустая сетка, без HTML и без плагина.
- Шаг 3. Кликните в ячейку и введите текст. Переход между ячейками — Tab или стрелки; строки и столбцы можно добавить в панели инструментов блока.
- Шаг 4. Сохраните черновик — так вы не потеряете сетку, если переключитесь на превью.
В черновике должна быть сетка блока, а не картинка и не вставка с лишней разметкой.
Включите строку заголовков и разберитесь с «Фиксированной шириной ячеек»
В панели справа (или под блоком на узком экране) найдите настройки таблицы. Включите строку заголовка — первая строка станет шапкой: «Пакет», «Цена», «Что входит». Без шапки на мобилке непонятно, что сравниваете.
Переключатель «Фиксированная ширина ячеек» задаёт одинаковую ширину столбцов независимо от длины текста. В справочнике блока ядра это включено по умолчанию. Для узкой сетки из трёх колонок с ценами часто выгоднее выключить фиксированную ширину: столбцы распределятся по содержимому. Если оставить фиксированную ширину и набить длинные фразы, слова начнут переноситься по буквам — типичная ошибка после копирования из Excel.
Типичная ошибка — не смотреть превью: включите шапку, для трёх колонок попробуйте выключить фиксированную ширину и сохраните черновик.
Проверьте таблицу на телефоне: скролл, столбцы и неожиданность ядра
В стилях ядра у таблицы есть горизонтальная прокрутка: на узком экране широкую сетку листают вбок, а не сжимают до микрошрифта. Разработчики редактора до осени 2026 обсуждают доработки для сложных таблиц; для тарифов чаще выигрывает меньше столбцов и короткий текст, а не новый плагин.
Чеклист проверки за пять минут без эмуляторов разработчика:
- Шаг 1. В редакторе откройте «Просмотр» / превью записи.
- Шаг 2. Включите режим мобильного просмотра, если он есть в вашей теме или панели превью.
- Шаг 3. Прочитайте шапку и цены вслух: если приходится щуриться — укоротите текст в ячейках.
- Шаг 4. Проведите пальцем (или мышью) по таблице вбок: если столбцов 4+, прокрутка должна работать; если таблица «ломается» и текст наезжает — уберите лишний столбец или разбейте на две таблицы.
- Шаг 5. После публикации откройте ссылку с телефона — кеш иногда отдаёт старую версию.
Игорь после такой проверки снова получил читаемые тарифы на iPhone вместо полосок.
Выберите стиль «Полосы» и не превращайте ячейки в мини-статьи
В настройках блока есть стили оформления: «По умолчанию» и «Полосы» (чередование фона строк). Для длинного списка услуг полосы помогают глазу не терять строку. Цифры цен выравнивайте визуально: в одной колонке один формат («от 12 000 ₽», не смешивать «12000» и «12 тыс.»).
Заголовки столбцов — словами («Срок», «Гарантия»). Над таблицей одно предложение, что сравниваете. Скриншот таблицы вместо блока на мобилке даёт мелкий текст; текстовый блок остаётся основным.
Избегайте вставки из Excel и гигантских сеток: перенос вручную
Копирование всего листа из Excel или Google Таблиц в редактор часто тащит лишнюю разметку. Блоки Gutenberg «плывут», на мобилке вёрстка выглядит сломанной. Рабочий путь: перенести данные вручную в блок «Таблица» или скопировать только первую строку и дописать остальное. Если таблиц на сайте десятки и одни и те же прайсы на многих страницах — тогда имеет смысл плагин вроде TablePress; для одной статьи сравнения встроенного блока достаточно.
Схема на вечер: открыть запись → вставить блок → три колонки → шапка → стиль «Полосы» при длинном списке → превью на мобилке → публикация. Повторить в следующей статье уже без подсказок.
Итоговый вердикт: для типичного сравнения пакетов услуг начните с блока «Таблица» на 3 столбца, шапкой и проверкой с телефона. Плагин и HTML — запасной путь, не первый шаг.
Критерии успеха до публикации: в черновике таблица с понятной шапкой; на опубликованной странице с телефона текст в ячейках читается или таблица листается вбок; вы уверенно повторите те же шаги в следующей статье. Если что-то ведёт себя странно только на одной теме — напишите через форму на сайте (удобный мессенджер, без обязательного созвона) или задайте вопрос в канале t.me/DikiiTelegram.
Материал проверен: Андрей Дикий (создаёт сайты WordPress и продвигает их статьями, SEO/GEO).
Достоверность данных: справка WordPress.com RU по блоку «Таблица» (2026-10-01); developer.wordpress.org — блок core/table и атрибут hasFixedLayout; стили Gutenberg (overflow-x для .wp-block-table); обсуждения issues #70454 и #76800 на GitHub; каталог блоков WP-Kama; TablePress в каталоге ru.wordpress.org. Частотность запросов: Яндекс Вордстат на 2026-10-01 (MCP недоступен, точные показы не получены, LSI из SERP).
Частые вопросы
Можно ли сделать таблицу в WordPress без плагина?
Да. В редакторе блоков Gutenberg есть встроенный блок «Таблица»: через плюс, поиск «таблица» или команду /table. Задаёте строки и столбцы, заполняете ячейки. TablePress и аналоги нужны, когда много больших таблиц на разных страницах.
Как сделать таблицу на телефоне читаемой?
Ограничьте число столбцов (для тарифов чаще 3-4), пишите коротко в ячейках, включите строку заголовка. Проверьте превью в мобильном виде или откройте запись с телефона. Широкую таблицу на узком экране обычно листают вбок — не сжимайте всё в микрошрифт.
Чем блок «Таблица» отличается от HTML-таблицы в коде?
Блок рисует таблицу через интерфейс редактора: вы не пишете теги table/tr/td. Ядро само выводит разметку и стили. Для владельца услуг это безопаснее: меньше шанс сломать тему и мобилку случайным кодом.
Как не сломать вёрстку при копировании из Excel?
Не вставляйте целый лист. Перенесите значения вручную в блок «Таблица» или скопируйте одну строку и допишите остальное. После вставки откройте превью на телефоне; при «плывущих» блоках удалите вставку и соберите сетку заново в Gutenberg.
Что делает «Фиксированная ширина ячеек»?
Столбцы получают одинаковую ширину, независимо от текста. Для длинных слов включены переносы. Для сравнения трёх пакетов часто удобнее выключить опцию и дать столбцам подстроиться под короткие цены и названия.
Когда таблицу лучше заменить списком?
Если позиций мало или нет сравнения по колонкам — маркированный список. Таблица нужна, когда сопоставляют несколько вариантов по одним критериям.
