Медиа

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