Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как добавить на свой сайт Супер функцию Responsive Lightbox. Вы сможете просматривать изображения на своём сайте с помощью адаптивного лайтбокс окна. При нажатии на изображение будет появляться специальное лайтбокс окно, в котором будет отображаться изображение. С помощью лайтбокс окна можно просматривать галереи изображений. Если на вашей странице несколько изображений, вы сможете просмотреть все изображения в одном лайтбокс окне с помощью стрелок навигации. У вас будет на выбор 7 разных стилей отображения лайтбокс окна. Супер плагин !
prettyPhoto.
SwipeBox (на весь экран).
FancyBox.
Nivo Lightbox, Image Lightbox.
TosRUs (на весь экран).
Featherlight (с прокруткой).
Установить плагин Responsive Lightbox от dFactory вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: Настройки – Responsive Lightbox – Всплывающие фото. Здесь вы сможете настроить плагин.
Главные настройки:
– Вариант показа, выберите стиль отображения лайтбокс окна.
– Селектор, оставьте без изменений.
– Изображения, должна стоять галочка, чтобы все изображения с ссылкой “Медиафайл” открывались в лайтбокс окне.
– Можно выбрать название единичного изображения.
– Отдельные изображения как галерея, если у вас на странице находится несколько отдельных изображений – при включении этой опции они будут показаны в всплывающем окне как галерея с возможностью пошагового просмотра.
– Галереи WordPress, включить поддержку галерей, создаваемых стандартными средствами WordPress. (Рекомендуется)
– Размер изображений галереи, выберите размер изображения для картинок-ссылок в галерее.
– Название изображения галереи, выберите название для изображений в медиатеке WordPress.
– Форсировать лайтбокс в галерее, принудительно использовать лайтбокс в специальных галереях WordPress, таких как JetPack например.
– WooCommerce lightbox, заменить WooCommerce lightbox для галерей товаров.
– Видео ссылки, добавлять лайтбокс к ссылкам на YouTube и Vimeo по умолчанию.
– Пользовательские настройки jquery, включать лайтбокс при пользовательских эвентах jQuery.
– Загрузка скриптов, размещение скриптов плагина в “шапке” или “подвале” страницы. Для ускорения загрузки страницы рекомендуется выбрать Footer.
– Загрузка по условию, включить для загрузки скриптов и стилей только на страницах где есть галереи.
– Удалить данные, удалить все настройки плагина при деактивации.
– Сохраните изменения.
Настройки показа фото с выбранным эффектом. Здесь будут отображаться дополнительные параметры для настройки каждого стиля лайтбокс окна. Вы сможете настроить каждый стиль по отдельности. Для каждого стиля отображаются разные настройки.
Всё готово ! После сохранения изменений, изображения на вашем сайте будут отображаться в лайтбокс окне.
При добавлении изображений в запись или на страницу, вам необходимо в поле “Ссылка” выбрать значение “Медиафайл”, чтобы изображение открывалось в лайтбокс окне.