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

Многие темы WordPress некорректно и не красиво отображают таблицы на различных экранах.

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

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

Настройки внешнего вида таблиц

Плагин позволяет менять следующие элементы:

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

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

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

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

Еще есть способ, требующий знаний 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>

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