Essential Grid – адаптивный плагин галереи и сетки для WordPress

Essential Grid — многофункциональный плагин WordPress для создания адаптивных галерей, портфолио, каталогов, сеток публикаций, изображений, видео и другого медиаконтента. Инструмент позволяет оформлять контент в современном Grid-формате без необходимости вручную писать HTML, CSS или JavaScript.

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

Возможности Essential Grid

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

Для быстрого запуска предусмотрено более 50 готовых настраиваемых шаблонов. Дополнительно доступен визуальный редактор оформления элементов, позволяющий создавать собственные варианты дизайна.

Essential Grid поддерживает несколько типов построения сетки:

• Even Grid — классическая сетка с одинаковыми элементами;

• Masonry — динамическая компоновка с различной высотой карточек;

• Cobbles — мозаичная сетка с элементами разных размеров;

• комбинированное расположение элементов.

Все макеты адаптируются под размер экрана и могут отдельно настраиваться для настольных компьютеров, планшетов и смартфонов.

Галереи изображений, видео и мультимедиа

Essential Grid подходит не только для стандартных фотогалерей. В сетках можно размещать различные типы контента:

• изображения;

• записи WordPress;

• страницы;

• пользовательские типы записей;

• HTML-контент;

• YouTube-видео;

• Vimeo-видео;

• HTML5-видео;

• аудиоматериалы;

• товары WooCommerce;

• пользовательские элементы.

Для просмотра медиа предусмотрен встроенный Lightbox. Можно управлять источниками контента, заголовками, описаниями, свайп-навигацией и другими параметрами просмотра.

Визуальный редактор карточек

Встроенный Item Skin Editor позволяет детально изменять дизайн элементов галереи. Пользователь может самостоятельно задавать структуру карточек, изображения, текстовые блоки, кнопки, ссылки, значки, эффекты наведения и другие элементы.

Для разных объектов одной сетки можно использовать различные стили оформления.

Это позволяет использовать Essential Grid как конструктор:

• портфолио;

• каталога;

• галереи фотографий;

• видеогалереи;

• сетки статей;

• витрины товаров;

• блока проектов;

• подборки материалов.

Фильтрация и поиск

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

Поддерживаются:

• фильтрация по категориям;

• фильтрация по тегам;

• группы фильтров;

• множественные фильтры;

• поиск внутри сетки;

• сортировка элементов;

• алфавитная сортировка фильтров;

• управление отображением групп фильтрации;

• клавиатурная навигация по фильтрам.

Поиск и фильтрация особенно полезны для крупных портфолио, каталогов и интернет-магазинов.

Пагинация и Load More

Для оптимизации больших коллекций контента Essential Grid позволяет не загружать всю галерею сразу.

Доступны:

• классическая постраничная навигация;

• кнопка Load More;

• AJAX-загрузка дополнительных элементов;

• настройка количества элементов;

• управление количеством строк и колонок;

• пользовательские сообщения после окончания списка.

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

Оптимизация загрузки

В Essential Grid реализована собственная система кеширования и кеширование запросов. Также имеется механизм Smart Loading, позволяющий контролировать момент инициализации сетки относительно области просмотра пользователя.

Для изображений предусмотрена работа с различными размерами файлов и автоматический выбор подходящих вариантов изображения.

Плагин также поддерживает изображения Essential Grid в XML-картах сайта Yoast SEO, что может быть полезно для индексации медиаконтента поисковыми системами.

Интеграция с WordPress

Essential Grid можно размещать на страницах сайта несколькими способами, в том числе через shortcode и специальные модули популярных редакторов.

Поддерживается интеграция с:

• Gutenberg;

• Elementor;

• WPBakery;

• Divi 4;

• Divi 5;

• WooCommerce;

• WPML;

• Slider Revolution.

Наличие Gutenberg-блока и виджетов для популярных конструкторов упрощает добавление созданной галереи непосредственно в редактор страницы.

Дополнительные функции

В зависимости от используемой конфигурации и установленных дополнений доступны дополнительные возможности:

• водяные знаки;

• защита изображений от вызова контекстного меню;

• дополнительные медиофильтры;

• преобразование стандартных галерей WordPress;

• расширенная работа с источниками медиа;

• пользовательские CSS и JavaScript;

• пользовательские ссылки;

• атрибут nofollow для ссылок;

• собственные метаполя и фильтры;

• настройка изображений-заглушек;

• импорт готовых Grid-шаблонов.

Технические характеристики Essential Grid

Тип: плагин галереи и Grid-контента для WordPress
Актуальная версия: 3.2.0
Минимальная версия WordPress: 6.3
Минимальная версия PHP: 7.4
Совместимость: включая PHP 8.5
Адаптивный дизайн: да
Количество готовых шаблонов: более 50
Визуальный редактор: да
Поддержка Gutenberg: да
Поддержка Elementor: да
Поддержка WPBakery: да
Поддержка Divi 4/5: да
Поддержка WooCommerce: да
Поддержка WPML: да
Поддержка Shortcode: да
Lightbox: да
AJAX-загрузка: да
Пагинация: да
Load More: да
Фильтры: да
Поиск по Grid: да
Кеширование: да
Query Cache: да
Пользовательские CSS/JavaScript: поддерживаются
Видео: YouTube, Vimeo и HTML5
Основные Grid-макеты: Even, Masonry, Cobbles
Настройка элементов: через визуальный Item Skin Editor
Адаптация под мобильные устройства: да

Для чего нужен Essential Grid

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

Его можно применять для создания:

• фотогалереи WordPress;

• адаптивного портфолио;

• видеогалереи;

• каталога проектов;

• WooCommerce-витрины;

• блога в формате Grid;

• новостной сетки;

• галереи работ;

• каталога услуг;

• медиакаталога.

Благодаря большому количеству параметров Essential Grid подходит как для простых галерей, так и для сложных динамических сеток с фильтрами, поиском, AJAX-загрузкой и индивидуальным оформлением карточек.

Essential Grid для WordPress

Essential Grid объединяет в одном инструменте конструктор сеток, редактор оформления, Lightbox, фильтры, поиск, адаптивное отображение и поддержку динамического контента WordPress. Пользователь может создать собственную структуру галереи, выбрать готовый шаблон или настроить дизайн элементов практически с нуля.

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