Все для начинающих интернет-предпринимателей

Как добавить таблицы в сообщения и страницы WordPress (HTML не требуется)

tabliza-wordpress

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

Создание таблиц в редакторе блоков WordPress

WordPress упрощает добавление таблиц с помощью редактора блоков гутенберг. Просто создайте новый пост, страницу или отредактируйте существующий. Оказавшись в редакторе контента, нажмите на символ (+), чтобы добавить новый блок, затем выберите «Таблица».

tabliza-wordpress-1

Вы можете найти его в разделе «Форматирование» или ввести «Таблица» на панели «Поиск блока». Далее вам будет предложено выбрать, сколько столбцов и строк вы хотите для своей таблицы. Обе цифры по умолчанию 2. Не беспокойтесь, если вы не уверены на 100%, потому что вы всегда можете добавить / удалить столбцы и строки таблицы позже.

tabliza-wordpress-2

Мы создали таблицу с 3 столбцами и 4 строками.

tabliza-wordpress-3

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

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

tabliza-wordpress-4

Если вы хотите добавить новую строку или столбец, просто щелкните на ячейку в той точке таблицы, куда вы хотите ее добавить. Затем нажмите кнопку «Редактировать таблицу».

tabliza-wordpress-5

Вы также можете удалять строки и столбцы таким же образом. Просто нажмите на ячейку в строке или столбце, который вы хотите удалить, и выберите «Удалить строку» или «Удалить столбец» в меню «Редактировать таблицу».

По умолчанию текст в столбцах таблицы выравнивается по левому краю. Вы можете изменить это, щелкнув по столбцу, а затем нажав кнопку «Изменить выравнивание столбца».

tabliza-wordpress-6

Вы также можете изменить выравнивание всей таблицы внутри сообщения или страницы, нажав кнопку «Изменить выравнивание» и выбрав опцию из списка.

tabliza-wordpress-7

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

tabliza-wordpress-8

Инструменты таблиц, встроенные в редактор Gutenberg, дают вам большую гибкость при отображении таблиц.

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

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

Создание таблиц с помощью плагина TablePress.

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

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

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

Для начала вам необходимо установить и активировать плагин TablePress. Затем вы увидите пункт меню TablePress на панели инструментов WordPress. Перейти к «TablePress»-«Добавить новый», чтобы создать новую таблицу.

tabliza-wordpress-9

Вам нужно будет ввести имя для вашей таблицы и решить, сколько строк и столбцов вы хотите. Вы всегда можете добавить / удалить строки и столбцы таблицы позже. Мы собираемся создать таблицу с 4 строками и 3 столбцами.

tabliza-wordpress-10

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

tabliza-wordpress-11

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

tabliza-wordpress-12

Ниже области «Содержимое таблицы» доступны дополнительные параметры. В «Работа с таблицей» вы можете делать такие вещи, как добавление, удаление и дублирование строк.

tabliza-wordpress-13

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

tabliza-wordpress-14

Наконец, вы можете установить различные параметры в разделе «Функции библиотеки JavaScript DataTables». Это позволяет создавать адаптивные таблицы, которые могут быть отфильтрованы, найдены и отсортированы вашими читателями.

tabliza-wordpress-15

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

tabliza-wordpress-16

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

tabliza-wordpress-17

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

TablePress также позволяет импортировать данные из электронных таблиц и файлов CSV. Аналогичным образом вы также можете экспортировать данные таблицы TablePress в файл CSV, который затем можно открыть с помощью любой программы для работы с электронными таблицами, например, Microsoft Excel или Google Sheets.

Мы надеемся, что эта статья помогла вам научиться добавлять таблицы в посты и страницы WordPress без использования HTML. А у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!

Понравился материал? Поделитесь с друзьями!

Один ответ к Как добавить таблицы в сообщения и страницы WordPress (HTML не требуется)

  1. Лариса

    Всех приветствую! Благодарю за очень интересную и познавательную статью! Иногда нужно вставить таблицу в статью.И приходилось делать картинки. Теперь это можно сделать значительно проще и быстрее.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *