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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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