Media Grid — выводим портфолио и не только

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

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

Что умеет плагин Media Grid?

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

Установка и настройки плагина

Закачиваем плагин на сервер и активируем из админки. Переходим в новый раздел Media Grid состоящий из пяти подразделов.

Media Grid

Список всех ваших Items — «кирпичиков». Все очень похоже на стандартное управление записями WordPress. Удаление, редактирование свойств и прочее.

Add New Item

Добавление нового. Тоже очень похоже на добавление стандартной записи WordPress, но внизу имеет настраиваемые поля — Item Options под каждый свой тип. например, для видео настройки будут отличаться от настроек контента. Справа — выбор категорий (фильтры) и специальное окно разбитое на девять полей для  более точной фокусировки миниатюры — картинки.

Item Catrgories

Категории. Необходимы в том случае если вы будете использовать фильтры.

Grid Builder

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

Settings

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

Main Options  — все настройки внешнего вида, способов вывода, стилей (всего доступно восемь стилей), аудио и видео плееров, настройка lightbox.
Colors — тут все, что тонкой касается настройки цветов, рамочек, прозрачности фона, иконок и т д.
Item Options — добавление своих опций при необходимости.
Custom SSC — добавление своих, уникальных таблиц со стилями.

Вставляем все это дело на свои страницы посредством новой кнопки — Media Grid в визуальном редакторе и наслаждаемся результатом.

Выводы

Вот такая, очень интересная и весьма полезная визуальная «masonry стенка». Результат вы можете просто посмотреть и покликать тут (плагин на данный момент отключен). Правда, я использовал только один тип — картинка со ссылкой, и сделал все прямоугольники одного размера. Мне показалось так удобнее в моем случае. Вообще же, как вы поняли, прямоугольник могут быть разные, так же как и само наполнение. Media Grid не грузит сайт, работает достаточно быстро и пока, по моим наблюдением, совершенно без глюков.

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

Официальная страница плагина.