Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как добавить на свой сайт Супер функцию Responsive Lightbox. Вы сможете просматривать изображения на своём сайте с помощью адаптивного лайтбокс окна. При нажатии на изображение будет появляться специальное лайтбокс окно, в котором будет отображаться изображение. С помощью лайтбокс окна можно просматривать галереи изображений. Если на вашей странице несколько изображений, вы сможете просмотреть все изображения в одном лайтбокс окне с помощью стрелок навигации. У вас будет на выбор 7 разных стилей отображения лайтбокс окна. Супер плагин !

 

prettyPhoto.

 

Responsive Lightbox

 

SwipeBox (на весь экран).

 

SwipeBox

 

FancyBox.

 

FancyBox

 

Nivo Lightbox, Image Lightbox.

 

Image Lightbox

 

TosRUs (на весь экран).

 

TosRUs

 

Featherlight (с прокруткой).

 

Featherlight

 

Установить плагин Responsive Lightbox от dFactory вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

Responsive Lightbox от dFactory

 

Далее, после установки и активации плагина, перейдите на страницу: Настройки – Responsive Lightbox – Всплывающие фото. Здесь вы сможете настроить плагин.

 

Responsive Lightbox - Всплывающие фото

 

Главные настройки:

– Вариант показа, выберите стиль отображения лайтбокс окна.

– Селектор, оставьте без изменений.

 Изображения, должна стоять галочка, чтобы все изображения с ссылкой “Медиафайл” открывались в лайтбокс окне.

Можно выбрать название единичного изображения.

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

– Галереи WordPress, включить поддержку галерей, создаваемых стандартными средствами WordPress. (Рекомендуется)

– Размер изображений галереи, выберите размер изображения для картинок-ссылок в галерее.

– Название изображения галереи, выберите название для изображений в медиатеке WordPress.

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

– WooCommerce lightbox, заменить WooCommerce lightbox для галерей товаров.

– Видео ссылки, добавлять лайтбокс к ссылкам на YouTube и Vimeo по умолчанию.

– Пользовательские настройки jquery, включать лайтбокс при пользовательских эвентах jQuery.

– Загрузка скриптов, размещение скриптов плагина в “шапке” или “подвале” страницы. Для ускорения загрузки страницы рекомендуется выбрать Footer.

– Загрузка по условию, включить для загрузки скриптов и стилей только на страницах где есть галереи.

– Удалить данные, удалить все настройки плагина при деактивации.

Сохраните изменения.

 

Настройки показа фото с выбранным эффектом. Здесь будут отображаться дополнительные параметры для настройки каждого стиля лайтбокс окна. Вы сможете настроить каждый стиль по отдельности. Для каждого стиля отображаются разные настройки.

 

Всё готово ! После сохранения изменений, изображения на вашем сайте будут отображаться в лайтбокс окне.

При добавлении изображений в запись или на страницу, вам необходимо в поле “Ссылка” выбрать значение “Медиафайл”, чтобы изображение открывалось в лайтбокс окне.

 

медиафайл лайтбокс изображение