Обзор FooGallery - гибкий плагин для галереи в WordPress

FooGallery – это бесплатный плагин для создания галерей, который предоставляет намного больше возможностей, чем встроенный функционал WordPress.

Обзор плагина FooGallery: список функций

В этом обзоре я сосредоточусь на платной версии FooGallery. Но бесплатная версия плагина тоже пользуется популярностью. Согласно статистике от WordPress.org, его установили на более чем 100 тыс. сайтов, а рейтинг составляет 4,6 звезды.

Что предлагает плагин FooGallery:

  • Множество шаблонов галерей, библиотеку Masonry, слайдеры и многое другое.
  • Ленивая загрузка для повышения производительности. Бесплатно.
  • Функции Lightbox в сочетании с отдельным плагином FooBox. Бесплатно.
  • Функция перетаскивания в галерее. Бесплатно.
  • Поддержка видео галерей. Платно.
  • Фильтры на Ajax, которые позволяют посетителям сайта фильтровать контент галереи. Платно.
  • Бесконечная прокрутка. Платно.
  • Множество эффектов загрузки и эффектов наведения. Платно.
  • Категории и теги для организации медиаконтента. Платно.

Приступаем к работе с плагином FooGallery

Я установил на своем тестовом сайте премиум-версию плагина. Сначала создадим галерею. Для административной панели WordPress перейдите в раздел FooGallery → Add Gallery и дайте ей название.

Загружаем изображения

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

Загружаем изображения

Для предварительного просмотра изображений переключитесь на вкладку «Gallery Preview»:

Загружаем изображения - 2

Настраиваем параметры галереи

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

Например, вот обычная галерея в стиле masonry:

Настраиваем параметры галереи

Ниже продемонстрирована галерея в стиле Polaroid:

Настраиваем параметры галереи - 2

Плагин предоставляет на выбор девять шаблонов галереи:

  1. Responsive image
  2. Image viewer
  3. Justified
  4. Masonry
  5. Simple portfolio
  6. Single thumbnail
  7. Polaroid PRO
  8. Grid PRO
  9. Slider PRO

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

General

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

General

Appearance

Вкладка содержит различные темы оформления, а также следующие параметры:

  • Границы.
  • Скругленные углы.
  • Тени.
  • Иконки загрузки.
  • Эффект при загрузке.

Также можно добавить фильтр для миниатюры (например, Instagram):

Appearance

Hover Effects  (эффекты при наведении)

Установка эффекта, который возникает при наведении курсора мыши на изображение в галерее. Можно:

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

Также можно выбрать один из предустановленных стилей. Например, если выбрать пресет Layla…

Hover Effects  (эффекты при наведении)

…получится следующий эффект:

Hover Effects  (эффекты при наведении) - 2

Captions

Настройки параметров подписей изображений.

Captions

Paging

Вкладка позволяет установить параметры нумерации страниц. Можно пропустить нумерацию страниц или добавить:

  • Постраничную нумерацию страниц галереи.
  • Бесконечную прокрутку.
  • Кнопку «Загрузить еще».

Если активировать пагинацию, то можно разбить галерею на несколько страниц и настроить их внешний вид.

Paging

Например, если установить размер страницы на 4, то кнопка «Load More» будет выглядеть следующим образом:

Paging - 2

Filtering

Содержит фильтры Ajax для сортировки содержимого. Фильтрацию изображений можно установить по «Media Tags» или «Media Categories»:

Filtering

Например, если добавить простую фильтрацию на базе тегов мультимедиа.

Filtering - 2

После будут установлены следующие фильтры:

Если посетитель сайта кликнет по фильтру, галерея отобразит только изображения с этим тегом (перезагрузка страницы не потребуется).

Опция расширенной фильтрации позволяет посетителям сайта выбирать сразу несколько фильтров.

Video

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

Video

Плагин также позволяет импортировать видео из внешних источников.  Например, из YouTube.

Также в галерее можно смешивать изображения и видео.

Advanced

Вкладка позволяет задействовать ленивую загрузку и другие настройки. Также в боковом меню доступны дополнительные настройки:

  • Поддержка Retina.
  • Сортировка галереи.
  • Пользовательский CSS.

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

Встраиваем галерею

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

Встраиваем галерею

Чтобы встроить галерею в классический редактор, используйте шорткоды. Также доступен специальный виджет FooGallery.

Создаем альбомы

С помощью плагина FooGallery можно создавать не только галереи, но и альбомы. Они представляют собой коллекции разных галерей.

Создаем альбомы

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

По умолчанию структура URL-адресов для этих постоянных страниц такова: /page-with-album/gallery/some-gallery.

Создаем альбомы - 2

Изучаем другие настройки

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

Изучаем другие настройки

Цены на FooGallery: бесплатная и премиум-версия

На WordPress.org доступна бесплатная версия FooGallery. Премиум-версия плагина доступна в трех вариантах:

  • 1 сайт – 49,99 $ за один год поддержки/обновлений или 149,99 $ навсегда.
  • 5 сайтов – 99,99 $ за один год поддержки/обновлений или 299,99 $ навсегда.
  • 25 сайтов – 199.99 $ за один год поддержки/обновлений или 599,99 $ навсегда.

Заключительные мысли о FooGallery

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

  • Простая и расширенная фильтрация по категориям или тегам.
  • Нумерация страниц и бесконечная прокрутка.
  • Альбомы.

При установке бесплатной версии плагина вы получите 7-дневный период тестирования premium-версии. Попробуйте сами и убедитесь, что это лучший плагин для галерей WordPress.