Рубрика: Плагины WordPress

Easy FancyBox плагин модального окна медифайлов WordPress

В этой статье познакомимся с одним из плагинов WordPress помогающих показывать фотографии размещенные в статьях и страницах сайта в модальных окнах.

Вступление

WordPress коробочной установки имеет отличный инструментарий для работы с фотографиями,  размещением фотографий и других медиафайлов в материалах сайта. С развитием WordPress улучшается и показ фото и галерей сайта. Есть практически все варианты показа фотографий: создание галерей с автоматическим изменением размеров миниатюр, показ фото на новой странице и на новой вкладке, изменение размеров фотографий и т.д. Есть всё, только нет показа фотографий в модальных окнах – окнах появляющихся в отдельном окне поверх статьи.

Easy FancyBox плагин модального окна медифайлов WordPress сайта

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

В статье «14 Плагинов для эффекта Lightbox на сайте WordPress» я писал о плагинах всплывающих окон. Большинство из них я устанавливал, переустанавливал, пока не попробовал плагин Easy FancyBox. О нём поговорим далее.

Скачать и установить плагин

Устанавливаем плагин из административной панели сайта, на вкладке Плагин→Добавить новый. Если такая установка не возможна, скачиваем плагин на официальной странице плагина: https://wordpress.org/plugins/easy-fancybox/, распаковываем  и заливаем в каталог /plugins.

После активации плагина, он не появляется в консоли отдельной строкой. В его настройки можно войти с вкладки Плагины→ Easy FancyBox→Настройки или Медиафайлы.

Органичное вписывание настроек Easy FancyBox в общие настройки медиафайлов WordPress, подкупает и усиливает доверие к плагину.

Настройки плагина Easy FancyBox

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

После активации плагина все фотографии (jpeg, png, gif) вставленные в статьи будут показываться в модальных окнах поверх статьи, если:

  • При вставке фото выставлена ссылка на медиафайл, а не на страницу вложения;
  • Размер фото уменьшен по сравнению с оригиналом.

Можно настроить:

  • Выбор из трех эффектов открытия/закрытия модального окна;
  • Возможность выбора окна в режиме наложения (overlay);
  • Показ миниатюрной галереи на страницах сайта;
  • Просмотр галереи прокруткой колеса «мыши».
Easy FancyBox настройки плагина
Easy FancyBox настройки плагина

В завершении, нужно отметить, что в настройках Easy FancyBox плагин есть включение модальных окон для видео с YouTube, Dailymotion, Vimeo, документов PDF, SWF, SVG. Можно сделать iFrame для другого ресурса. Однако, эти опции только, в pro версии за 10$ для одного домена.

©www.wordpress-abc.ru

Другие статьи раздела: Плагины

Недавние Посты

Где создать сайт для серьезного бизнес-проекта

Полное руководство по выбору профессиональной веб-студии для создания сайта, а не просто исполнителя. Читать дальше

1 неделя ago

Как выбрать синтетическое моторное масло для легкового автомобиля

Синтетическое моторное масло для вашего двигателя — это надежность, защита и долговечность. Как правильно выбрать масло для легкового автомобиля. Читать дальше

2 недели ago

Важность современной разработки веб-сайтов

Почему невозможно переоценить важность разработки веб-сайта. Как современные технологии и методологии разработки превращают обычный сайт в мощный инструмент коммуникации, который… Читать дальше

2 недели ago

AI и BI инструменты бизнес-аналитика

В условиях высочайшей конкуренции, когда скорость принятия решений становится критическим преимуществом, на помощь бизнес-аналитику приходит новая генерация инструментов — мощь… Читать дальше

3 недели ago

Нюансы продвижения сайтов WordPress

Продвижение сайтов WordPress — это только установить SEO-плагин и прописать ключевые слова. К сожалению, этого давно недостаточно. Читать дальше ... Читать дальше

3 недели ago

Какое нужно масло для легкового автомобиля Subaru

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

1 месяц ago