Как создать таблицу в WordPress без плагина

Мы бы определили основную идею любой CMS следующим образом:
Простой способ обслуживания контента веб-сайта, поддержания его свежести и точности нетехническими администраторами. Благодаря этому вы можете использовать свой сайт в качестве основного канала связи с минимальными затратами. Поэтому переход на тему и блоки Gutenberg — ваш лучший выбор для достижения ваших маркетинговых целей. Мы доказываем вышесказанное, представляя, как добавить таблицу в WordPress без плагина.

Вы можете найти несколько сообщений в блогах о том, как добавить таблицу в WordPress без плагина, в которых упоминается, что это непросто или вам нужно использовать Google Docs или Word. Что ж, это может быть правдой, если вы еще не переключились на тему Citadela Gutenberg. Старые темы с их компоновщиком страниц используют классический редактор. И не было такого простого варианта, как предлагает вам редактор Gutenberg.

Изучите два варианта таблиц WordPress в Citadela

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

• Блок «Таблица цен» (доступен только в Плагин Citadela Pro)
• Табличный блок (основной блок WordPress)

Используйте премиум-версию Citadela, и вам не понадобится дополнительный плагин для добавления таблицы в WordPress.

Блок таблицы цен

Поскольку таблицы обычно используются для представления товаров и цен, мы создали специальный блок «Таблица цен», который включен в плагин Citadela Blocks (широкая совместимость с большинством современных тем WP). Вы можете очень легко использовать его в редакторе блоков WordPress для представления и управления ценами в привлекательной форме.

Этот блок имеет расширенные настройки, и вы можете настроить адаптивную версию в соответствии с вашими потребностями. Он доступен в Плагин Citadela Pro.

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

Сегодня мы рассмотрим Table Block более подробно и поговорим о:

• Почему таблицы в WordPress практичны
• Как использовать блок Table и создать таблицу в WordPress (без плагина)
• Настройки блока таблицы на панели инструментов
• Настройки блока WordPress Table в инспекторе
• Дополнительный совет: как вставить таблицу рядом с изображением

Почему таблицы в WordPress практичны

Таблицы имеют универсальное использование в сообщениях и на страницах. Основная функциональность заключается в организации данных или чисел. Таблицы также полезны для блоггеров. Например, блоггеры о путешествиях могут сравнивать цены по отдельным направлениям. Пищевые блоггеры могут легко создать список ингредиентов или необходимое количество.

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

Как использовать блок Table и создать таблицу в WordPress (без плагина)

Создание таблиц в WordPress с помощью блочного редактора — это проще простого. Используя блок «Таблица», вы можете создавать таблицы в несколько кликов без плагинов или кодирования. Давайте посмотрим, как это работает:

• В первую очередь вам нужно вставить блок WordPress Table. Вы можете сделать это, нажав на «+», который находится на верхней панели или в любом месте редактора. После этого вы можете выбрать тот или иной блок.

Также можно вставить блок таблицы, используя косую черту «/», после слова «таблица» для поиска блока таблицы.

После добавления блока «Таблица» на свою страницу или в публикацию вам необходимо установить основные параметры, такие как количество столбцов и строк.

Изучите новейшую тему Citadela, в которой вы можете создавать таблицы с помощью блока таблиц WordPress, а также использовать наши собственные блоки. Узнайте больше о Citadela, который можно настроить с помощью пакетов макетов, разработанных для конкретных видов бизнеса.

Настройки блока таблицы на панели инструментов

Теперь вы знаете, как сделать таблицу в WordPress. Далее мы покажем вам, как с ним работать.

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

Что можно изменить?

1. Стили блоков

Используя первую иконку, вы можете выбрать стили таблиц. Вы можете выбрать один из 2-х вариантов:

• По умолчанию – ячейки таблицы будут иметь границы, без фона. Цвет фона для всего блока можно добавить позже.
• Полоски – таблица без рамок, но каждая вторая строка будет выделена фоном. Этот стиль более современный и менее формальный.

2. Выравнивание блока таблицы WordPress

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

3. Форматирование содержимого таблицы

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

4. Выравнивание текста в таблице

Последняя версия WP обеспечивает возможность выравнивания не только всей таблицы, но и текста внутри строк. Теперь вы можете выравнивать вставленный текст в каждой строке отдельно. Эта функция поможет вам создать более красивую таблицу.

5. Количество столбцов и строк

Как добавить столбцы или строки таблицы в WordPress? В блоке Table это очень просто. Этот блок позволяет очень быстро добавлять или удалять ячейки. Просто нажмите на «Редактировать таблицу» и после этого на действие, которое вы хотели бы сделать. Если вы нажмете «Добавить строку после», новая строка будет создана сразу внизу.

Настройки блока WordPress Table в инспекторе

В то время как верхняя панель инструментов позволяет изменять настройки ячеек таблицы, правая панель инструментов под названием «Инспектор» используется для более сложных настроек блока «Таблица». Также здесь вы можете настроить стили блоков (по умолчанию или полосы), но более того, вы также можете установить цвет фона и ширину таблицы.

Настройки стола

По умолчанию ячейки таблицы динамически подстраиваются под количество текста внутри. Вы также можете разрешить функцию «Ячейки таблицы фиксированной ширины». Все ячейки будут иметь одинаковую ширину независимо от того, что вы поместите внутрь.

Настройки цвета

Инспектор также позволяет изменить цвет фона таблицы. Если вы выбрали стиль по умолчанию, вся таблица будет иметь одинаковый цвет фона. Если вы выбрали Stripes, фон будет установлен только для каждой второй строки.

Недавно добавленная функция: поддержка верхнего и нижнего колонтитула.

Чтобы сделать таблицы более доступными, разработчики добавили опцию верхнего и нижнего колонтитула в блок WordPress Table. Эта функциональность также обеспечивает лучшее структурное определение (данных) и предоставляет более точную информацию мобильным помощникам. Структура таблицы теперь включает <thead>, <tfoot>, и <tbody> чтобы идентифицировать и различать заголовок, нижний колонтитул и тело таблицы. Вы можете включить или отключить раздел верхнего и нижнего колонтитула непосредственно из Инспектора.

Дополнительный совет: как создать таблицу в WordPress без плагина рядом с изображением

Вам нужно иметь таблицу и изображение рядом? Для этого вам нужно использовать блок столбцов. Этот блок позволит вам вставлять разные типы контента в столбцы и красиво их выравнивать.

Как это сделать?

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

Подробнее о Column block вы можете прочитать в нашей статье Как сделать колонки в WordPress без плагина.