Медиа

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

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

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

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

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

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

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

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

Media Grid

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

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

Add New Item

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

Item Catrgories

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

Grid Builder

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

Settings

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

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

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

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

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

Выводы

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

Grig

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

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

 

Похожие

5 Комментов

  1. Хороший плагин. Встречал такое оформление в некоторых темах под вордпресс, но отдельным плагином должно быть удобней

  2. По идее плагин должен быть достаточно полезный. А если есть еще и видео-уроки то, думаю, разобраться не проблема. Думаю в ближайшее время скачать и себе плагины wordpress.

  3. Здравствуйте! Установила плагин Media Grid. Активировала. Кнопка плагина не появилась. Что делать?

Добавить комментарий для Ольга Отменить ответ

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

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

Back to top button