• Главная
  • Карта сайта
Не найдено

WP-Table Reloaded

Опубликовано: 05.09.2018

Flector 5

WP-Table Reloaded это мощнейший инструмент по созданию и управлению таблицами в блоге. С его помощью создавать и вставлять в записи таблицы можно без малейших усилий. Более того – создавать таблицы можно и в привычном Excel'е, так как плагин поддерживает импорт таблиц из самых популярных форматов csv, xml и html. Несмотря на всю свою функциональность, плагином пользоваться очень легко, тем более, что он полностью переведен на русский язык. Перечислять все достоинства плагина можно долго, но лучше я покажу вам несколько примеров создания таблиц в данном плагине.

Скачиваем плагин по ссылке в конце страницы и устанавливаем его:

1. Распаковываем архив.

2. Копируем папку wp-table-reloaded в /wp-content/plugins/ .

3. Заходим в админку блога на вкладку " Плагины " и активируем плагин.

Настроить плагин  вы можете в " Инструментах\WP-Table Reloaded\Настройки плагина ". Подавляющему большинству пользователей стоит отключить здесь использование JavaScript-библиотек, так как опции вроде разбития таблиц на страницы, сортировка и фильтрование нужны очень немногим пользователям. Что под этим имеется в виду? Например, таблица результатов российской футбольной Премьер-лиги может выглядеть так:

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

Отключать js-библиотеки в настройках плагина вовсе не обязательно – можно просто при создании или редактировании таблицы убрать галку с опции:

Тогда следующий виджет при редактировании таблицы станет неактивным:

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

Рассмотрю самый простой пример – сравнение двух продуктов. Именно такого вида таблицы наиболее популярны у блоггеров. Для создания таблицы кликайте на ссылку "Добавить новую таблицу":

Откроется страница с первоначальными настройками:

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

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

Заполняем таблицу:

Сохраняем ее, в редактировании записи жмем на кнопку "Вставить таблицу":

Откроется диалоговое окно, в котором можно выбрать вставляемую в запись таблицу. Кнопка эта есть и при отсутствии визуального редактора. Но в любом случае формат шорткода для вставки таблицы достаточно простой – надо вставить [table id=<ID> /] , где ID указывает на номер таблицы.

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

После добавления этой таблицы получаем что-то типа:

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

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

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

Создаем таблицу из 3 колонок и 17 рядов, заполняем ее текущей информацией и получаем что-то типа:

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

При использовании обычной таблицы вам бы пришлось менять все ее содержимое, но при использовании WP-Table Reloaded достаточно лишь вбить новые данные в таблицу, а потом отсортировать по колонке с очками. Сделать это просто - вбиваем новые данные в таблицу, сохраняем изменения (обязательно, так как сортировка работает лишь с сохраненной таблицей) и сортируем по последнему ряду:

В результате получится отсортированная по очкам таблица:

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

Ответ здесь простой – плагин WP-Table Reloaded очень хорош, но все-таки функциональности Excel'я в нем нет и сортировать таблицу с учетом нескольких колонок и дополнительных параметров он не может. Если вам нужна действительно "правильная" таблица, то лучше воспользоваться соответствующими виджетами от спорт-порталов.

А вот место команды можно показать. Правда, с небольшой хитростью, так как если сортировать таблицу по количеству очков, то место команды придется менять вручную, что, естественно, нам не подходит. Создадим отдельную таблицу в 1 колонку и 17 рядов, в которых и забьем цифры с 1 по 16.

Затем, добавим в сайдбар текстовой виджет со следующим содержимым:

< table style = "margin: 0; padding:0;" > < tr > < td style = "margin: 0; padding:0;" > [table id=3 /] < / td > < td style = "margin: 0; padding:0;" > [table id=2 /] < / td > < / tr > < / table >

<table style="margin: 0; padding:0;"> <tr> <td style="margin: 0; padding:0;">[table id=3 /]</td> <td style="margin: 0; padding:0;">[table id=2 /]</td> </tr> </table>

То есть примерно так:

В чем тут смысл? В том, что в сайдбаре будут выведены сразу две таблицы: первая с местом команды (ID=3), а вторая с самой таблицей РПЛ (ID=2), отсортированной по количеству очков. Обе эти таблицы в виджете взяты в еще одну таблицу, чтобы они стояли рядом друг с другом, а не одна под другой.

Сохраняем виджет и получаем такого вида таблицу:

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

.wp-table-reloaded-id-3 { margin-left : 3px ; }

.wp-table-reloaded-id-3 { margin-left:3px; }

Заметьте, что в вашем случае id-3 надо поменять на номер именно вашей таблицы. В итоге получим:

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

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

На данных примерах я показал вам немного функционал плагина WP-Table Reloaded , который на самом деле куда больше мной описанного. Особенно, если использовать встроенные в плагин js-библиотеки.

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

WP-Table Reloaded

Автор плагина: Tobias Bäthge

Рассматриваемая версия: 1.9.3 от 11.06.2012

Текущая версия: 1.9.4 от 31.07.2013

Совместимость с версией WordPress: 3.1 и выше

Активных установок плагина: 40 000+

Скачать плагин версии 1.9.4 (всего скачено 718 608 раз)

Новости
Провайдеры:
  • 08.09.2015

    Batyevka.NET предоставляет услуги доступа к сети Интернет на территории Соломенского района г. Киева.Наша миссия —... 
    Читать полностью

  • 08.09.2015
    IPNET

    Компания IPNET — это крупнейший оператор и технологический лидер на рынке телекоммуникаций Киева. Мы предоставляем... 
    Читать полностью

  • 08.09.2015
    Boryspil.Net

    Интернет-провайдер «Boryspil.net» начал свою работу в 2008 году и на данный момент является одним из крупнейших поставщиков... 
    Читать полностью

  • 08.09.2015
    4OKNET

    Наша компания работает в сфере телекоммуникационных услуг, а именно — предоставлении доступа в сеть интернет.Уже... 
    Читать полностью

  • 08.09.2015
    Телегруп

    ДП «Телегруп-Украина» – IT-компания с 15-летним опытом работы на рынке телекоммуникационных услуг, а также официальный... 
    Читать полностью

  • 08.09.2015
    Софтлинк

    Высокая скоростьМы являемся участником Украинского центра обмена трафиком (UA — IX) с включением 10 Гбит / сек... 
    Читать полностью

rss