Wordpress

Как вставить таблицу в wordpress – Как сделать (вставить) таблицу в WordPress блог

15.06.2020

Содержание

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

Здравствуйте, дорогие читатели SeoKos.ru! Сегодня мы поговорим о том, как вставить таблицу в wordpress блог. Думаю, каждый блоггер рано или поздно сталкивался с такой проблемой, ведь одним кликом, к сожалению, функционалом движка, это не предусмотрено. Сейчас мы поговорим о двух способах такой вставки различных таблиц.

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

Немного походив по Рунету я все же нашел способ – сделать с помощью специального плагина (об этом ниже Способ №2). Но мы же знаем, что плагины значительно нагружают блог и снижают скорость загрузки сайта. Поэтому я решил поискать еще что-либо и нашел очень легкий способ без всяких накруток. Нужно лишь выполнить пару команд и отредактировать с помощью html.

Для чего нужны таблицы?

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

Таблицы служат для компоновки каких-либо данных. Для их сортировки и красивому отображению. Давайте, как всегда взглянем на примеры:

1. Вы ведете блог своей компании. На нем выкладываете статьи с картинками, текстом и прайс-листом. Прайс-лист – это документ, в котором написаны цена на товар, услуги и т.д. Так вот, принято прайс-лист делать в виде таблицы. Во-первых, это удобно, а во-вторых, очень красиво выглядит.

2. Вы решили провести конкурс на блоге. По окончанию конкурса, результаты необходимо вписать в отдельную статью. Как Вы думаете, будет лучше сделать: вписывать просто текстом (друг за другом) или же сделать красивую таблицу и аккуратно вписать результаты? Однозначно, лучше сделать таблицу!

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

Как сделать таблицу в WordPress: Способ №1

Первым делом мы разберем способ создания таблицы без плагина. Для этого необходимо сделать нужную Вам таблицу в программе Microsoft Word

Таблица WordPress

Далее нужно выделить (CTRL+A) и скопировать ее (CTRL+C)

Как вставить таблицу в WordPress

После чего заходим в окно редактирования записи в WordPress и нажимаем на кнопку «Вставить из Word», вставляем туда содержимое буфер обмена (CTRL+V) и нажимаем «Вставить»

Таблицу на блог

После чего таблица вставляется, но очень корявая и некрасивая. Это необходимо исправить! Для этого заходим в редактирование записи через html, находим таблицу и делаем следующие:

1. Находим строчку <table width=»***» (вместо звездочек какой-то число) border=»1″ cellspacing=»0″ cellpadding=»0″>

Вот эта строчка таблицы

2. И перед ней (строчкой) вставляем тег <p style=»text-align: center;»>

Вставляем тег для таблицы

3. Далее находим тег, который закрывает таблицу 

</table> и вставляем после него </p>

Вставить таблицу в WordPress

Теперь сохраняем запись и радуемся. Таблица в статье готова!

Как сделать таблицу в WordPress: Способ №2

Этот способ так же рабочий и эффективный! Отличается лишь тем, что необходима установка плагина MCE Table Buttons. А как нам уже известно плагины нагружают блог. Кстати, в скором времени собираюсь начать выпускать серию статей «Как ускорить блог: Избавляемся от  плагинов»

  • Скачиваем плагин по ссылке;
  • Устанавливаем и активируем его;
  • Ничего настраивать не нужно, можно переходить сразу к созданию таблиц. Переходим в визуальный редактор записи и видим, что появились специальные значки;

Вставить таблицу в WordPress с помощью плагина

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

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

  • Настраиваем поля:

Columns — Количество колонок
Rows — Количество строк
Cell Padding — Отступы от ячеек до содержимого
Cell Spacing — Расстояние между ячейками
Alignmen — Выравнивание таблицы
Border — Толщина
Width — Ширина
Height— Высота
Table Caption — Заголовок таблицы
Background Image — Фоновое изображение
Frame — Отображение рамки
Rules — Внутренняя сетка таблицы
Border Color — Цвет обводки

Background Color — Фон таблицы

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

На этом данная статья подходит к концу! Теперь мы знаем, как сделать таблицу в wordpress в блог и умеем это делать. Поздравляю! Да, кстати, чуть не забыл – посмотри на пример:

Пример1Пример2Пример3Пример4Пример5Пример6
Пример1
Пример2Пример3Пример4Пример5Пример6

Если возникнут какие-то вопросы, пишите в комментариях – с удовольствием отвечу! До скорого!

Белан Константин Сергеевич

С уважением, Константин Белан.

Рубрика: Настройка блога

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(5 голосов, в среднем: 5 из 5)

Рабочая 634570 Россия, Томская обл., г. Томск, +7 952 160 36 17

Белан Константин Сергеевич Сделайте мне приятно — нажмите на любую из кнопок: Подпишитесь на обновления блога и будьте в курсе всех новых статей

seokos.ru

Как сделать адаптивные таблицы в WordPress: основные методы

Адаптивные таблицы для WordPress

Всем привет!

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

Содержание:

  1. Способы добавления таблиц в запись вручную
  2. Основные плагины
  3. Как сделать адаптивные таблицы для WordPress-блога

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

Один из самых простых способов сделать таблицу на WordPress-блоге вручную — использовать html. Для этого нам потребуется знание таких основных html-тегов: Table, Tr, Th и Td. Таблица начинается с открытия тега <table>, и соответственно завершается </table>. Внутри задаются строки с помощью тегов <tr>. Внутри тегов <tr> помещаются <th> и <td>, обозначающие ячейки. В случае с <th> — это ячейки для шапки таблицы, в них текст выделяется полужирным шрифтом. А <td> — обычные ячейки, в них текст выравнивается по левому краю. В свою очередь внутри тегов <th>, <td> может размещаться контент.

Для примера создадим таблицу из трех строк и трех столбцов. Для этого нужно вставить код ниже на вкладке «Текст» (не путать с «Визуально» в редакторе).

<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

Это самая простая таблица. Для того, чтобы изменять ее вид и расположение, можно задавать элементам дополнительные атрибуты. Например, для <table> можно задать выравнивание (Align), отступ текста от краев в ячейках (Cellpadding), отступ между соседними ячейками (Cellspacing), фон (Background), цвет фона (Bgcolor), рамка таблицы (Border). Подобным образом можно добавлять атрибуты для элементов строк и ячеек <tr>, <td>, <th>. Приведем пример. Зададим всем трем строкам таблицы разные цвета:

<table>
<tbody>
<tr bgcolor=»green»>
<th>Строка 1 Столбец 1</th>
<th>Строка 1 Столбец 2</th>
<th>Строка 1 Столбец 3</th>
</tr>
<tr bgcolor=»red»>
<td>Строка 2 Столбец 1</td>
<td>Строка 2 Столбец 2</td>
<td>Строка 2 Столбец 3</td>
</tr>
<tr bgcolor=»yellow»>
<td>Строка 3 Столбец 1</td>
<td>Строка 3 Столбец 2</td>
<td>Строка 3 Столбец 3</td>
</tr>
</tbody>
</table>

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

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

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

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

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

Популярные Вордпресс-плагины для создания таблиц

MCE Table Buttons

Самый простой способ создать таблицу на странице в Вордпресс с помощью плагина – добавить специальную кнопку в визуальный редактор TinyMCE. Сделать это можно, установив MCE Table Button. После его активации появляется такая кнопка (см. скриншот):MCE Table Button: плагин для добавления таблицы на WordPress

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

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

TablePress

Очень популярный плагин TablePress, ранее он назывался WP-Table Reloaded, считается одним из лучших для вставки таблиц для сайтов на WordPress. Он поддерживает функцию загрузки и импорта таблиц в форматах csv, excel, html, json. В них можно вставлять любой контент, включая формулы. В TablePress есть функции сортировки, фильтров, дублирования строк и столбцов, пагинации (разбивка на страницы). Здесь есть базовый дизайн таблиц, вот такого вида:Как вставить таблицу на сайт на WordPress

Менять css-стили таблиц можно в разделе Plugin Options.TablePress: лучший плагин по созданию таблиц для Вордпресс

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

Но данный плагин по умолчанию создает неадаптивные таблицы. Для того, чтобы добавить функцию адаптивности, потребуется устанавливать дополнительный плагин от разработчиков TablePress – Responsive Tables — https://tablepress.org/extensions/responsive-tables/. Это расширение бесплатное. После того как установлен основной плагин и расширение, для создания адаптивной таблицы потребуется изменить полученный в TablePress shortcode на шорткод вида:

[table id=123 responsive=mode /]

Где вместо “mode” нужно вставить одно из трех возможных значений: flip, scroll, или collapse. К примеру, вот так будет выглядеть режим scroll:Как сделать адаптивные таблицы WordPress бесплатно

Здесь таблица прокручивается по горизонтали, а шапка расположена сверху. В случае с режимом flip – шапка будет размещена слева, а прокрутка по-прежнему по горизонтали. В режиме collapse, значения, которые не поместились на экране, отображаются в раскрывающемся списке под каждым строчным элементом таблицы. Для просмотра необходимо нажать на крестик.

FooTable

Данный JQuery плагин преобразует созданные html-таблицы в адаптивные. Кроме того, можно использовать его базовые стили, добавлять фильтрацию, пагинацию, сортировку. В настройках вы задаете ширину устройств, количество отображаемых столбцов на том или ином девайсе:Плагины для вставки таблицы на сайт на Вордпресс

Последнее обновление FooTable было три года назад.

Для подобных целей также можно использовать плагин Responsive Scrolling Tables, который создает горизонтальную прокрутку, если таблица по ширине не помещается на экран устройства.

Еще один более обновляемый плагин, который делает html-таблицы адаптивными — Magic Liquidizer Responsive Table.

wpDataTables

Этот плагин платный (25 долларов), но можно использовать бесплатную версию wpDataTables Lite. Таблицы тут можно загружать из csv, excel, xml, json файлов. После загрузки в админке вы задаете настройки таблицы: цвета ячеек, названия столбцов и т.д. Затем можно вставить полученный шорткод в запись. Также есть возможность использовать специальную кнопку плагина в визуальном редакторе TinyMCE, которая появится после активации wpDataTables Lite. По умолчанию во всех таблицах доступны функции сортировки, пагинации, поиска. Поддерживаются следующие виды контента:

  • текст;
  • дата;
  • время;
  • изображения;
  • url-ссылки;
  • Email-ссылки.

Но для лайт-версии существует ряд ограничений. Вот основные из них:

  1. Таблицы неадаптивные;
  2. Максимальное количество строк – 150;
  3. Нет поддержки MySQL;
  4. Нет конструктора таблиц, доступного в премиум-версии.

Оценки у данного плагина для таблиц на WordPress в основном высокие, активных загрузок 10 000+, последнее обновление – 2 месяца назад.

Вот видео-инструкция по настройке плагина wpDataTables 2.0:

Data Tables Generator by Supsystic

Supsystic разрабатывает различные плагины для Вордпресс, в том числе и для создания таблиц. Здесь также есть бесплатный и платный вариант загрузки. Стоимость Data Tables Generator PRO – 29 долларов. Но можно использовать и Free-версию. Основное отличие – в бесплатном варианте нет возможности экспорта и импорта таблиц из csv, excel, pdf, выгрузки в Google Sheets. Также в бесплатной версии нельзя строить диаграммы, нет истории создания таблиц, кнопки для печати.

Но при этом даже бесплатный плагин Data Tables создает адаптивные таблицы для WordPress-сайта. Также здесь нет ограничения по количеству строк и столбцов (в отличие от wpDataTables). Есть возможность вставлять данные в виде текста, изображений, ссылок, комментариев. Поддерживается формат даты, процентов, валют. Как и в ранее описанных плагинах, в Data Tables Generator есть функции сортировки, пагинации, поиска.

На видео можно посмотреть, как добавить таблицу на сайт на WordPress:

Последнее обновление плагина было 2 месяца назад. У него много хороших отзывов и 20 000+ активных загрузок.

Как сделать таблицы на WordPress адаптивными с помощью кода?

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

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

Далее выбираем ширину экрана, при которой таблица перестает быть читабельной. В файле style.css прописываем следующее:

@media screen and (max-width:600px) {
#primary tr td, #primary th  {
	  display:block;
}

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

Приведем более развернутый пример. Предположим у нас есть такая таблица:Адаптивная таблица на Вордпресс с помощью html и css

Ее неадаптивная версия на мобильном телефоне будет отображаться вот так:Адаптивные таблицы

Оба варианта не читабельные.

Мы собираемся использовать принцип адаптивного дизайна (запрос CSS @media), чтобы определить меньше ли экран чем ширина нашей таблицы. Если это так, то мы будем переформатировать таблицу.

Вот часть html-кода нашей таблицы:

<table>

     <thead>

     <tr>

          <th>First Name</th>

          <th>Last Name</th>

          <th>Job Title</th>

     </tr>

     </thead>

     <tbody>

     <tr>

          <td>John</td>

          <td>Pollak</td>

          <td>Writer</td>

     </tr>

     <tr>

          <td>Tom</td>

          <td>Waren</td>

          <td>Self Employed</td>

     </tr>

     </tbody>

</table>

Вот описание стилей таблицы:

/*
Общий стиль для компьютеров и ноутбуков
*/
table {
  width: 100%;
  border-collapse: collapse;
}
/* Чередование полос */
tr:nth-of-type(odd) {
  background: #eee;
}
th {
  background: #333;
  color: white;
  font-weight: bold;
}
td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}

А теперь рассмотрим, что же нам делать для устройств с маленьким экраном. Мы определили, что минимальная ширина таблицы – 760 px. Т.е. для всех экранов, меньше 760 px по ширине нам нужно задать новые параметры для нашей таблицы. И здесь мы подключаем медиа запрос.

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Задаем табличным элементам свойства блоков*/
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Скрываем заголовки таблицы */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		/* Задаем ячейке свойства строки */
		border: none;
                               width: 100%;
		position: relative;
		padding-left: 50%;
	}

	td:before {
		/* Передним ячейкам задаем свойства заголовка таблицы */
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
}

Теперь элементы таблицы приобретут свойства блоков, а просматривать данные на мобильном телефоне можно по вертикали:Как вставить адаптивную таблицу на сайт wordpress

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

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

До новых встреч!

pro-wordpress.ru

Как создать таблицу в Вордпресс

Меня часто спрашивают, как в публикации Вордпресс создать таблицу, где в редакторе находится кнопка «Добавить таблицу». Создание таблиц — не самая очевидная функция Вордпресс. И сегодня я на рабочем примере покажу три способа их создания.

Новые лендинги

Во-первых, кнопки «Добавить таблицу» в дефолтном редакторе Вордпресс никогда не было и нет. Пока нет 👆🏻

Про остальное — по порядку.

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

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

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

Это самый простой и очевидный способ создания таблицы.

Потребуется любой табличный редактор. Например: Excel, Numbers. Вполне сгодится и Word, и Pages и даже стандартные Заметки на Мак-ос, которые с недавних пор умеют работать с таблицами.

Для примера возьмем простую таблицу с тремя столбцами. Редактор в данном случае совершенно не важен.

Это может быть Excel.

Создать таблицу в Экселе

А может и Numbers.

Создать таблицу в Numbers

Или даже упомянутые выше Заметки.

Создать таблицу в Заметках

Смысл способа сводится к банальному копипасту: нужно открыть таблицу в имеющемся у вас редакторе, скопировать ее и вставить в редактор Вордпресс.

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

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

В публикации вставленная таблица выглядит следующим образом.

Вставленная в Вордпресс таблица

Получилось очень даже ничего.

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

С такими темами лучше не связываться, потому что проблемы с версткой — это самое безобидное из того, что может крыться «под капотом» такой темы. Если выбора нет, проблему с таблицами можно легко исправить, стилизовав табличные теги. Можно даже обойтись без изучения CSS, просто скопировав стили из любой нормальной темы. Например, из той же Twenty Seventeen.

Скопируйте в CSS вашей темы следующие стили, и ваши таблицы будут выглядеть, как в примере выше.

table {
 border-collapse: collapse;
 margin: 0 0 1.5em;
 width: 100%;
}
tr {
 border-bottom: 1px solid #eee;
}
td {
 padding: 0.4em;
}

2. Создаем таблицу на HTML

Может оказаться так, что никакого дополнительного софта под рукой не окажется.

Допустим, какая-нибудь сумасшедшая служба заблокировала пол интернета, и, к примеру, оказались недоступны даже Google Документы.

Что делать?

В таком случае переключаем редактор Вордпресс в текстовый режим и создаем таблицу с помощью HTML-тегов. Если вы не знакомы с HTML-версткой, не стоит пугаться — все очень просто. Для создания простых таблиц, достаточно знать четыре HTML-тега: TABLE, TBODY, TR и TD. Просто запомните: тег TR задает строки, а TD — ячейки таблицы.

В качестве примера создадим табличку из четырех столбцов и трех строк.

Таблица из четырех столбцов и трех строк

HTML-код

<table>
<tbody>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
<td>34</td>
</tr>
</tbody>
</table>

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

HTML таблица в визуальном редакторе

А в результате получим такую таблицу.

Таблица в результате

Все прекрасно.

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

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

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

Плагинов для создания таблиц в Вордпресс много, самый известный среди них — TablePress от германского разработчика Tobias Bäthge. TablePress распространяется по лицензии GNU General Public License 2 (GPL 2) как свободное ПО.

TablePress

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

Пробежимся по основным возможностям TablePress

Сначала добавим новую таблицу. В TablePress это можно сделать двумя способами: создать новую таблицу или импортировать существующую из файла.

Новая таблица

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

Создать новую таблицу в TablePress

Импорт таблицы

Если уже имеется готовая таблица, её можно не забивать заново, а импортировать напрямую из файла. Для этого в TablePress имеется отдельная вкладка. Поддерживаются все популярные форматы: CSV, HTML, JSON, XLS и XLSX.

Импортировать таблицу в TablePress

Редактор таблиц

TablePress позволяет производить различные действия над таблицами: добавлять, удалять, дублировать строки и столбцы. Имеется полный контроль над внешним видом таблиц: управление цветом, динамическими элементами. Я специально сделал полный скриншот страницы редактора, чтобы было понятно, как выглядит интерфейс и каким функционалом он обладает.

Редактор таблиц TablePress

Опции

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

Настройки и опции TablePress

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

Как вставить таблицу TablePress в запись

Просто выбираем нужную таблицу и нажимаем кнопку «Вставить шорткод».

Просто выбираем нужную таблицу и нажимаем кнопку «Вставить шорткод»

В редакторе таблица не отображается, вместо нее виден соответствующий шорткод.

Шорткоды выглядят как обычно.

Шорткоды TablePress

Посетители сайта увидят вот такую красоту.

Таблица TablePress

Все элементы интерфейса таблицы можно настроить для каждой таблицы отдельно.

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

И еще, в мае этого года открылся новый блог о Вордпресс, ориентированный на новичков. Авторы блога рассказывают, как создать свой сайт WordPress и заработать на нем, а также помогают с любыми вопросами по Вордпресс.

Подпишитесь на мой телеграм и первыми получайте новые материалы, в том числе которых нет на сайте.

danilin.biz

15 плагинов таблиц в wordpress |

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

Какие таблицы wordpress встречаются?

— чтобы ответить на этот вопрос, нужно сначала рассмотреть необходимые нам достоинства таблиц в WordPress:

1. Сортировать по полю
2. Представлять данные в графическом виде, т.е. либо круговыми диаграммами, либо столбиками или графиками.
3. Адаптироваться под любой размер экрана.
4. Красота стиля
5. Удобство заполнения таблиц или их импорт и экспорт.

По сути небольшие таблицы можно сделать вручную с помощью языка HTML, но их труднее сделать, тем более если вы не знаете как. Но надо понимать, что они будут статичные и к тому же абсолютно неудобные, а если вы их не доведете до ума и настроите, то другое дело, но заполнять их так же хлопотно. А плагины имеют удобства и достоинства как быстроты настройки, так и их использования.
Прочитав и уяснив разницу между ручным созданием и плагинами таблиц для wordpress, мы безропотно выберем себе создание таблиц с помощью подходящего плагина, а для этого нужно определиться что вы хотите делать с этой таблицей. Если вы хотите просто вывести таблицу, которая останется статичная, то это одно, а если вы её будете периодически пополнять, то это несколько меняет дело, причем величина таблицы тоже немаловажна, к тому же можно эту таблицу представить диаграммой и она приобретет наглядный и красивый вид. Установка плагинов таблиц происходит стандартным способом, как устанавливаются все плагины.

Итак, отвечаю на вопрос: как вставить таблицу в вордпресс с помощью плагинов:

1. Первым плагином для создания таблиц в WordPress представлю именно TablePress

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

2. WpDataTables Lite

— плагин таблицы в вордпресс, которые можно импортировать. Причем делается это в несколько простых шагов: создается форма, затем делаем импорт таблицы из внешнего файла и готово. Затем по необходимости донастраиваем таблицу, подгоняя её под ваши размеры, формат, стиль и т.д., а потом вставляем шорткод вашей таблицы в нужное место.
Импорт таблицы в wordpress можно произвести из следующих форматов:

Excel — текстовая и видео документация
XML — текстовая и видеодокументация
CSV — текстовая и видеодокументация
JSON — текстовая и видеодокументация
Сериализованный массив PHP — текстовая и видеодокументация

Делает он это достаточно хорошо, я вот только пробовал простую таблицу, ну думаю на сайте сложные таблицы в вордпресс мало кто делает. Если таблица большая то, её можно разбить по страницам, а так же можно отсортировать. Помимо этого можно делать Экспорт в CSV, Экспорт в PDF, Экспорт в XLS, а еще можно произвести поиск по таблице, думаю это особенно необходимо для больших таблиц, чтобы не бегать по страницам в поиске. Эти опции можно как включить так и выключить. Эта версия бесплатная, а чтобы расширить его до версии проф нужно заплатить $45.

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

3. Data Tables Generator by Supsystic

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

Список достоинств плагина Data Tables:

1. Создание диаграмм и графиков в wordpress по таблице.
2. Возможность интеграции с Google Charts
3. Автоимпорт из таблиц Google
4. SEO оптимизированный
5. Настройка стиля для любого сайта.
6. Изменение цвета ячеек и шрифтов.
7. Использование шрифтов Italic и Bold в ячейках.
8. Использование заголовка нижнего колонтитула таблицы.
9. Экспорт таблиц — CSV, Excel, PDF
10. Использование формул и поддержка HTML таблиц в ячейках.

4. FooTable

— этот плагин правда давно не обновлялся, но он позиционируется как адаптируемая таблица под любые размеры мобильных экранов. Посмотрим на его ряд фишек:

1. настройка CSS стиля под стиль сайта.
2. Имеется сортировка и фильтрация
3. Аавтоматическое скрытие столбцов, которые не влезают на экран мобильника или планшета
4. Использование 3-ех стровеннх тем таблицы или используйте свой CSS
5. Работает с TablePress
Конечно это не все заслуги, но самые яркие я описал.

5. JTRT Responsive Tables

— этот молодой плагин адаптивных таблиц в wordpress, который был создан студентом, но он честно признался, что собрал плагин из других, так сказал отобрал самое лучшее. И быть может поэтому этот плагин таблиц выглядит довольно удобным и простым в использовании. Возможности плагины достаточно широки, но факт, что пока он бесплатный, поэтому он может больше, чем другие. Причем этот плагин вам точно ответит на вопрос: как сделать адаптивную таблицу wordpress?
В основные достоинства можно включить: фильтрация, undo/redo, сортировка, адаптивность, поиск и замена, редактор таблицы WYSIWYG, изображения в таблице, шорткод, постраничная разбивка таблицы, горячие клавиши, свой или изменяемый стиль.

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

6. Ninja Tables

— с помощью этого плагина, вы можете легко создавать любые типы таблиц HTML с помощью мощного строителя столбцов, где вы можете указать, как он будет выглядеть на разных устройствах. У него создаются таблицы на Ajax, поэтому загрузка данных frontend позволяет обрабатывать тысячи строк таблицы, не влияя на время загрузки страницы.

Этот плагин создает адаптивную таблицу вордпресс под любой размер экрана, может сортиоровать, фильтровать, постраничное разбиение, поиск, импорт и экспорт в формате CSV или JSON, более того можно импортировать данные из плагина TablePress. Зачастую переходят с других плагинов только по причине поиска более углубленных настроек, потому как Tablepress он упрощенный плагин, но надежный. Если кому интересно, то можно посмотреть коротенький обзор по работе с этим плагином, что несомненно добавит преставление об этом продукте.

7. Sheets2Table

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

8. ULTIMATE TABLES

— этот плагин поможет добавить таблицу в вордпресс на страницу или в записи, более того даже вставлять их в виджет. После настройки и вставки таблицы осталось приятное впечатление от его использования, потому как этот процесс понятный и простой. Можно выбрать 6 уже готовых стилей для оформления таблицы, а так же создать свой стиль. Благодаря чему таблицу можно подогнать под любой сайт.

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

9. Table Maker

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

10. Table Generator

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

Платные плагины таблиц в wp

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

11. Advanced Tables — Excel-style table editor

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

12. League Table

— $23 — данный представитель платных плагинов пригодится тем, кто хочет видеть достаточно мощный плагин и красивые таблицы в wordpress, потому как он имеет 105 опций в таблице, 17 опций на ячейку, 13 общих параметров, редактор таблиц для редактирования данных таблицы и расширенную систему сортировки нескольких столбцов. У меня закрадывается впечатление, что этот вариант подойдет всем, потому что возможностей у него поболе, чем у остальных, правда стоимость выше, но того стоит.

13. Google Chart WordPress Plugin

— 10$ — этот плагин создает диаграммы Google и может представить в 7-и различных видах, да к тому же в виде круговой 3D формы. Если вы готовы использовать платный плагин, то вам нужно попробовать его, потому как стоимость не такая большая, по сравнению с остальными цена уже превышает эту.

14. Responsive Charts

— $16 — плагин графиков и диаграмм в wordpress, который c легкостью выполняет построение диаграмм и графиков, даже несколько графиков на странице с подсказками, поддерживает импорт в csv файле. Представляет возможность создания диаграмм на основе таблиц и имеет следующие виды диаграмм: Круговая диаграмма, диаграмма пончика, барная диаграмма, линейный график, полярная диаграмма, радарная диаграмма, горизонтальные полоски. Если вам доведется использовать ее, то диаграммы здесь действительно красивые и мне кажется вы останетесь довольны результатом. Может кому-то будет интересно, но некоторые делают создание диаграмм в электронных таблицах, где наглядно представлены на одном листе и таблица и графики и диаграммы.

15. WP Business Intelligence Lite

— $199 — этот мега плагин позволяет вам демонстрировать гибкие таблицы данных в wordpress и диаграммы на сайте, и он позволяет вам подключаться к базе данных WordPress и отображать табличные данные в режиме реального времени. Очень редкий плагин таблицы базы данных вордпресс и если вам интересно отображать реальные табличные данные, то он вам сильно поможет. У него конечно есть и бесплатный вариант, но думаю, что если у вас встал вопрос частой синхронизации таблицы, то бесплатная вас не спасет. Я даже не помню, чтобы я встречал похожий по возможностям плагин таблиц, поэтому он очень редок. Если встретите аналог, то прошу написать мне его название.

ИТОГ О ПЛАГИНАХ ТАБЛИЦ В WORDPRESS:

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

Удачи вам в создании таблиц в wordpress!

myborder.ru

Как вставить таблицу в WordPress в блог. 2 проверенных способа

Как вставить таблицу в WordPress блогReviewed by https://plus.google.com/u/0/106316628551306822086 on Dec 2Rating: 4.5

Здравствуйте, дорогие друзья и коллеги!

Как вставить таблицу в wordpress блог? –  Вы, наверняка,  задавали себе такой вопрос. Прекрасно понимаю, что у многих есть свои блоги на системе управления WordPress. Это замечательно! Но в стандартной панеле редактирования нет такой функции «Вставить таблицу».

Чтобы решить эту проблему раз и навсегда, я расскажу о трех способах как вставить таблицу в wordpress. Начнем? :)

:)

Как вставить таблицу в wordpress блог

Способ №1. С помощью программы Adobe Dreamweaver

Ну как Вам урок? Жду Ваших комментариев, отзывов и твитов. Спасибо :)

:)

А сейчас, как и обещал, дам Вам ссылочки на скачивание программ, необходимых для вставки таблицы на вордпресс.

1). FastStone Capture – экранная утилита, имеющая достаточно широкий функционал, необходимый для блоггера и инфобизнесмена. Скачать её можно здесь.

2). Adobe Dreamweaver – самый мощный визуальный редактор для создания html, php, css, xml, JavaScript и др. языков web-дизайнеров. Скачать программу можно здесь.

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

Способ №2. С помощью стандартной фунции.

Вставить таблицу в вордпресс можно и с помощью обычного текстового редактора MS Word. Для этого необходимо сначала эту таблицу заранее подготовить (нарисовать), а потом с помощью кнопки «вставить из Word»  добавить редактор записи. Смотрите как это делается:

вставить таблицу в wordpressвставить таблицу в wordpressвставить таблицу в wordpressвставить таблицу в wordpressвставить таблицу в wordpressвставить таблицу в wordpress

Шаг №1 и шаг №2 можно поменять местами, это не принципиально. Давайте теперь разберемся как выровнять таблицу по центру. Для этого необходимо перейти во вкладку HTML и перед строчкой<table (у вас будет свое значение) border=»1″ cellspacing=»0″ cellpadding=»0″> вставить тег <p>

как вставить таблицу в wordpressкак вставить таблицу в wordpress

и в конце закрывающего тега </table> вставить закрывающий тег выравнивания таблицы </p>

как вставить таблицу в wordpressкак вставить таблицу в wordpress

Способ №3. С помощью плагина WP-Table

Так, сразу говорю, что мне этот способ вставки таблиц в wordpress не нравится и Вам его не советую. Почему? Во-первых, плагин создает лишнюю нагрузку на блог. А оно вам надо, когда можно и без него обойтись?! Во-вторых, это очень долго и нудно, а также требует знания HTML-языка. Поэтому, используйте первые два способа!

Вот и все! Как видите, ничего сложного и страшного здесь нет :)

:) Ну, что же, мои дорогие, цель нашей статьи считаю достигнутой! Теперь каждый из Вас знает как вставить таблицу в wordpress и сможет реализовать это на своем на блоге.

Хотите открою маленький секрет по-поводу таблиц на блоге? Их не очень-то любят поисковики. Мне об этом рассказал специалист, который делал верстку блога. Но не принимайте этот факт близко к сердцу, т.к. без таблиц нам все равно не обойтись! Я, например, частенько вставляю таблицы, особенно в итогах конкурсов. Если Вам необходимо опубликовать какие-то итоги, прейскуранты цен, сравнительные характеристики и т.п., то смело используйте таблицы (только, желательно, в сочетании с текстом и картинками, а не в голом виде).

ВАЖНАЯ НОВОСТЬ.  Появился новый инструмент для заработка на своем сайте с помощью баннеров! Кликните по картинке ниже, чтобы узнать подробнее:

Это круче чем ротабан и другие сторонние сервисы! Этот скрипт полностью автономен.

P.S. Если, у Вас возникают какие-либо трудности с wordpess, опишите их в комментариях, постараюсь помочь! Может статью напишу, а может видео-урок сделаю.

strelki

strelki

strelkistrelki

www.chelpachenko.ru

Как вставить таблицу в WordPress вручную и плагином MCE Table Buttons

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

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

Способ №1 – HTML код

Для того, чтобы добавить табличку в тело поста достаточно обладать базовыми знаниями в области HTML разметки. Переключаете редактор в HTML формат и в нужном месте вставляете вот такой код:

<table>
<tbody>
 <tr>
  <td>тут информация для ячейки</td>
  <td>здесь инфа для другой ячейки</td>
 </tr>
</tbody>
</table>

Теги tr отвечают за строки, а td за столбцы (ячейки в строчках). Сколько нужно строк, столько блоков tr делаете и, соответственно, в них td. Оформление таблицы в данном случае будет соответствовать тем CSS стилям, которые прописаны для вашей темы блога. Иногда, не будет проявляться граница, тогда добавьте рядом с table параметр border=”любая цифра” (любая цифра – это толщина линии), должно получиться так – <table border=”1″>.

При необходимости более тонкой настройки дизайна – почитайте о таблицах в HTML – скачать учебник.

Способ №2 – текстовый редактор

Открываете текстовый редактор Microsoft Office, OpenOffice или любой другой, лишь бы он позволял создавать таблицы. Ниже на картинке я сделал скрин из MS Word 2007, в других редакторах все делается также просто.

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

dmitriyzhilin.ru

Как сделать таблицу в вордпресс

Разработчики HTML-кодирования продумали все, кроме удобства добавления таблиц. Пользователям очень неудобно добавлять префикс, открывающие и закрывающие теги и при этом еще и следить за стилем выкладываемой таблицы. Это долго, это нудно, с этим легко можно ошибиться. И поскольку язык HTML никто менять не собирается, нужно искать собственные методы как вставить таблицу в WordPress быстро и удобно.

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

table

1. Ultimate Tables – бесплатный генератор красивых таблиц для Вордпресс

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

Хоть Ultimate Tables и бесплатный модуль, но по умолчанию предоставляет сразу 6 типов оформления для таблицы в WordPress. При желании, вы можете выбрать любой из стилей, и сделать из него свой собственный, чтобы отличаться от сайтов других пользователей дополнения. Либо можете полностью убрать стилевое оформление, оставив “голую” таблицу для удобного и практичного просмотра посетителями.

В строке параметров таблиц при помощи инструмента Ultimate Tables сможете создать таблицу любого масштаба – количество строк и столбиков задаете заранее, и не нужно прописывать каждую отдельно (префикс тегов не понадобится – все делается в упрощенном режиме). В итоге получите красивую таблицу с контрастными строчками, легко воспринимаемыми визуально. Чтобы вставить созданную деталь, плагин вам даст шорткод, который пропишите в нужное место на сайте Вордпресс.

2. TablePress – топовый плагин для настройки таблиц в WordPress

TablePress не всегда так назывался. Многие его помнят как WP-Table Reloaded. Но время идет и многое меняется – в названии убрали префикс, и добавили множество новых и полезных функций, сделав данный инструмент одним из лучших в этой категории.

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

Если добавили строку в неправильном порядке – не беда, TablePress позволяет это быстро исправить простым перетаскиванием. Так же можете добавить или убрать лишние элементы, дублировать части таблицы. При помощи TablePress у вас появляется возможность сделать таблицу с расстановкой акцентов – отдельные секторы выделяются, а строчки и столбики можно объединять. И необязательно, чтобы в сгенерированной таблице был один текст – можно вставлять и изображения. Без TablePress это сделать практически невозможно – прописывать префикс, специальные теги с параметрами картинок в таблице слишком сложно.

3. Easy Table – неординарный плагин для таблиц

При помощи Easy Table таблицы вы будете не добавлять, а буквально писать. Только не так, как это делали в html-редакторе – префикс и разделение тегов указывать не придется. Чтобы сделать таблицу с дополнением Easy Table вам необходимо будет освоить формат CSV. Им легко пользоваться, если приловчиться. Запомните:

  1. Столбцы разделяются запятыми;
  2. Строчки фиксируются пробелами.

Может показаться, что это неудобно и вы лишь потратите время. Но на деле Easy Table оказывается как раз наоборот – инструмент сокращает часы, которые вы бы потратили за генерацией таблиц. К тому же, для быстрого освоения модуля разработчики предоставили прекрасный мануал о том, как получить максимум с использования Easy Table. А чтобы не закидывать на сайт недоделанные куски таблиц, внутри инструмента есть среда для тестирования ваших творений. Если планируете длительное время работать с таблицами, лучше изучить принципы работы с CSV-форматом – в дальнейшем это только поможет вам.

4. Websimon Tables – еще один бесплатный плагин для таблиц

Данный инструмент позволяет добавлять текстовые базы данных прямо с меню администрирования. Знание CSV-формата может понадобиться и для пользования этим модулем, ведь у Websimon Tables есть возможность импорта таблиц в CSV.

Но ключевой “изюм” приведенного инструмента – это большое количество стилевого оформления, как для бесплатного дополнения. У вас есть возможность “запечатать” информацию в таблицах с 10 стандартными стилями. А если они не понравятся, или хотите подогнать “скин” под дизайн сайта, всегда можете сделать свой из уже предложенных. В настройках дизайна имеются такие параметры, как тень, границы, блоки и другое. Только сильно не увлекайтесь украшением таблиц, а то скроете главное – их суть.

5. FooTable – плагин для улучшения имеющихся на сайте таблиц

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

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

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

Проще всего работать одновременно с TablePress и FooTable – эти инструменты взаимодействуют между собой. В первом легко сделать таблицу, во втором – адаптировать ее.

6. League Table – мощный платный плагин для создания спортивных таблиц

Разработчики планировали сделать узкоспециализированный модуль только для создания баз данных для спортивных команд и лиг. Но в итоге у них получился мощный и удобный инструмент для широкого круга пользователей. При помощи него можно генерировать большие таблицы с множеством значений. Добавленные на сайт базы данных пользователи могут сортировать по любому параметру из столбиков. Это позволяет использовать League Table не только для спорта, но и для новостей о топах, рейтингах, конкурсах и сравнениях.

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

Выводы

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

wordpresslib.ru

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

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