Лучшие решения
появляются в процессе

Плагин адаптивных таблиц для WordPress

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

адаптивная таблица wordpress
Настройки плагина адаптивных таблиц
Адаптация таблицы на экранах смартфонов
Адаптация таблицы на экранах смартфонов

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

 

Самый простой способ - установить плагин TinyMCE Advanced, который добавит в панель инструментов визуального редактора кнопку добавления таблицы.

добавление таблицы в WordPress
Добавление таблицы в WordPress

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

Еще есть способ, требующий знаний HTML - перейти на вкладку "Текст" визуального редактора, и вставить таблицу вручную, вот пример кода HTML таблицы:

<table>
<tr>
<th> Строка 1 Столбец 1 </th>
<th> Строка 1 Столбец 2 </th>
<th> Строка 1 Столбец 3 </th>
</tr>
<tr>
<td> Строка 2 Столбец 1 </td>
<td> Строка 2 Столбец 2 </td>
<td> Строка 2 Столбец 3 </td>
</tr>
<tr>
<td> Строка 3 Столбец 1 </td>
<td> Строка 3 Столбец 2 </td>
<td> Строка 3 Столбец 3 </td>
</tr>
</table>

Вид таблицы со стилями плагина по умолчанию :

Строка 1 Столбец 1Строка 1 Столбец 2Строка 1 Столбец 3
Строка 2 Столбец 1Строка 2 Столбец 2Строка 2 Столбец 3
Строка 3 Столбец 1Строка 3 Столбец 2Строка 3 Столбец 3
Строка 4 Столбец 1Строка 4 Столбец 2Строка 4 Столбец 3

 


Хорошая статья? Оцените!
(5 оценок, среднее: 5,00 из 5)
Загрузка...


Комментариев: 3

  1. С помощью этого плагина можно использовать данные с файла или базы данных для заполнения таблиц или графиков на сайте WordPress.

    1. Нет, плагин только придает адаптивность таблицам в контенте записей и страниц, и стилизует их, как описано выше.

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

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

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