Essential Grid - плагин для вывода контента

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

видео Essential Grid - плагин для вывода контента

6 Как настроить вывод анонсов статей

Essential Grid для WordPress – это замечательный плагин-конструктор grid-шаблонов. Он  позволяет построить настраиваемую сетку, в ячейках которой вы можете разместить практически любой контент, и тем самым преподнести его  наиболее выгодным образом. Возможные области применения — портфолио, блоги, галереи, WooCommerce магазины, таблицы цен, слайдеры отзывы и все остальное, что вы только можете себе представить.



Авторов этого интересного плагина представлять особо не надо. Достаточно упомянуть только их знаменитый Slider Revolution . Essential Grid умеет стоить визуальные сетки с вашим контентом. Например, если вам вдруг захотелось изменить вывод записей на главной или отдельной странице своего сайта или изменить внешний вид вывода товаров в магазине. И надо признать, что возможностей сделать это наиболее удобно, красиво и функционально у плагина более чем достаточно.


WordPress Grid Plugin - Content Views

Основные возможности Essential Grid

Невероятно прост в использовании – с ним справится даже новичок Может быть использован для любых целей и сайтов любой тематики Узкий, широкий и полноэкранный шаблоны Регулируемые: ряды / колонки /интервалы Картинки, Youtube & Vimeo Видео, HTML5-видео, загруженные на собственный хостинг, iFrame-контент Источники контента: Записи, Пользовательские записи, Страницы, WooCommerce, Галереи Разнообразные типы анимации и  предзагрузки Включено более 25-ти образцов оболочек Отзывчивость и оптимизация для мобильных устройств Визуальный редактор оболочек: создавайте и изменяйте собственные оболочки без лишнего труда Простой Импорт / Экспорт оболочек Есть готовые оболочки с установленными плагинами, установка в один клик Пользовательские данные: Дополнительные опции для записей Пользовательские записи, на основе модификаций оболочки: особые правила для записей Исчерпывающая документация и  Видео инструкции Регулировка скорости переключения (Индивидуально/глобально) Вывод «сеток» с помощью шорткодов для записей или страниц, либо виджета для сайдбара.

Начало работы с плагином Essential Grid

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

После установки и активации плагины, вы увидите в консоли три новых пункта:

Ess. Grid posts (управление записями содержащими «сетки») Ess. Grid (создание «сеток») Punch Fonts (управление шрифтами)

Давайте попробуем создать новую сетку и посмотрим, на что способен Essential Grid. Для этого кликаем Ess, Grid — Create new Ess.Grid . Начинаем с первой вкладки – тут надо назвать новую сетку, а  в «alias» дать альтернативное название, которое буде использовано для шорткода. Заполнив два этих поля,  вы получите шорткод для вывода «сетки».

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

В Source нужно выбрать базу для сетки, которая  может состоять из записей и страниц или быть полностью кастомной. В этом обзоре  для примера вы оставим «пульку» напротив Post, Pages, Custom Posts . В Post Types можно выбрать несколько пунктов, зажав CTRL. В Media Sourse вы можете изменить порядок медиа, просто перетаскивая пунктики меню.

В Grid Settings можно «от и до» настроить оформление «сетки». Вы даже можете изменить цвет загрузки! Nav-Filter-Sort – настройка навигации сетки.

Skins . Огромное количество оболочек, представленных в виде живых примеров. Все скины можно редактировать. Для этого идем в   Ess, Grid — Item Skin Editor

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

В итоге

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

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

Рекомендую обратить внимание еще вот на этот плагин — Media Grid — выводим портфолио и не только