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

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

Обзор плагина FooGallery: список возможностей

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

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

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

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

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

Загружаем картинки

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

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

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

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

Настраиваем настройки галереи

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

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

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

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

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

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

  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) и адрес, на который должна ссылаться миниатюра.

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

Appearance

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

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

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

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

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

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

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

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

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

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

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

Captions

Параметра настроек подписей картинок.

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

Paging

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

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

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

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

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

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

Filtering

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

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

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

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

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

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

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

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

Video

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

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

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

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

Advanced

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

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

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

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

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

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

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

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

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

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

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

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

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

Изучаем иные параметра

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

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

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

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

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

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

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

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

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

Добавить комментарий

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