Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта 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.
– Загрузка по условию, включить для загрузки скриптов и стилей только на страницах где есть галереи.
– Удалить данные, удалить все настройки плагина при деактивации.
– Сохраните изменения.
Настройки показа фото с выбранным эффектом. Здесь будут отображаться дополнительные параметры для настройки каждого стиля лайтбокс окна. Вы сможете настроить каждый стиль по отдельности. Для каждого стиля отображаются разные настройки.
Всё готово! После сохранения изменений, изображения на вашем сайте будут отображаться в лайтбокс окне.
При добавлении изображений в запись или на страницу, вам необходимо в поле “Ссылка” выбрать значение “Медиафайл”, чтобы изображение открывалось в лайтбокс окне.
Остались вопросы? Напиши комментарий! Удачи!
Приветствую, Илья. Спасибо за обзор интересного инструмента, конечно дизайн вариантов окна спорный, но дело не в этом, я искал лайтбокс, чтобы он прокручивая фото подхватывал ссылку видео с ютьюба, расположенного в тексте, чтобы смотреть можно было не разворачивая на весь экран, а именно в лайтбоксе. В описании опций такая функция в данном плагине вроде есть, но видео не подхватывается. Пробовал ссылку публиковать и в тегах и без них – не цепляет. Почему, не подскажете?
Здравствуйте, лайтбокс для видео ютуб можно сделать с помощью плагина – Shortcodes Ultimate и это лучший вариант, так как в этом случае ссылка видео не индексируется.
Лайтбокс – это один из наиболее интуитивных методов отображения медиа на современных WordPress веб-сайтах. Настроенный плагин может значительно улучшить взаимодействие с пользователями. И теперь у вас есть список бесплатных лайтбокс плагинов. Лайтбокс для кого ?Тому кто смотрит – он мешает и многих моих знакомых они задолбали.По моему совету друзья отказываются от подписки на этот ресурс.Скольких пользователей теряют сайты из-за навязчивости ?
Вы о чём ? На данном сайте нет никакой подписки. А плагин предназначен для просмотра изображений.
Заметил проблему, которую пока решить не смог. Если удалить изображение и добавить его заново, то тег описания в блоке лайтбокса принимает вид title=””. Соответственно, при просмотре изображения отсутствует отображение названиея файла.
Вам нужно указать заголовок для изображения.
В том то и дело, что заголовки указаны. С новыми изображениями всё в порядке. Повторюсь, что это происходит, если удалить изображение с сайта из админки и добавить его заново. Только в этом случае тег, который генерирует плагин – пустой.
Везде пишут как вставлять картинки в етот плагин. Ето все понятно. Но как вставлять ссилки на ютуб что бы тоже была галерея на 3 столбца.
Самый простой вариант, сделать видео галерею с помощью колонок. Рекомендую плагин Shortcodes Ultimate, там есть функция “Колонки”, очень просто делается. Ещё здесь посмотрите:
– Адаптивная видео галерея сетка на сайт wordpress.
– Стильные портфолио, записи, фото, видео, анонсы на сайт wordpress.
– Супер плагины WordPress, более 500!
На одном из сайтов вообще не работает даже не кликается изображение, настраивал по другому своему сайту, все одиноково. В чем может быть проблема не всплывает изображение?
При добавлении изображения в запись, в настройках отображения файла, в поле Ссылка, нужно выбрать параметр Медиафайл.
Здравствуйте, не работает для одиночных изображений (вставил картинку – ссылка “медиафаил”), настроил все, но при нажатии открывает во весь экран, игнорирует плагин -_-
Здравствуйте. Вариант показа у вас выбран в настройках плагина? Есть альтернатива – Как сделать лайтбокс с фотографиями Lightbox фото
Да
Nivo Lightbox
Значит этот плагин не работает у вас. Посмотрите, давно он обновлялся. WordPress обновляете?
WP и плагин обновлены до последней версии. Не работает …
Возможно есть похожий плагин?
В предыдущем комментарии, первом, я дал ссылку на аналогичный плагин.
Спасибо за подробную статью! А то установил данный плагин, а работать он без настроек отказывается.
Хоспади, спасибо за подробную инструкцию)
знаю как прописать в коде лайтбокс, а как с помощью визульного окна – хз)
ссылка на Медиафайл – все поставила на свои места!!! Спасибо