Responsive Lightbox Супер плагин WordPress инструкция

Responsive Lightbox Wordpress WordPress

 Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта 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.

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

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

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

 

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

 

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

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

 

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

 

Остались вопросы? Напиши комментарий! Удачи!

 

   
Добавить комментарий для Александр Отменить ответ

  1. Александр

    Приветствую, Илья. Спасибо за обзор интересного инструмента, конечно дизайн вариантов окна спорный, но дело не в этом, я искал лайтбокс, чтобы он прокручивая фото подхватывал ссылку видео с ютьюба, расположенного в тексте, чтобы смотреть можно было не разворачивая на весь экран, а именно в лайтбоксе. В описании опций такая функция в данном плагине вроде есть, но видео не подхватывается. Пробовал ссылку публиковать и в тегах и без них — не цепляет. Почему, не подскажете?

    Ответить
    1. Admin автор

      Здравствуйте, лайтбокс для видео ютуб можно сделать с помощью плагина — Shortcodes Ultimate и это лучший вариант, так как в этом случае ссылка видео не индексируется.

      Ответить
  2. basseinomskru

    Лайтбокс – это один из наиболее интуитивных методов отображения медиа на современных WordPress веб-сайтах. Настроенный плагин может значительно улучшить взаимодействие с пользователями. И теперь у вас есть список бесплатных лайтбокс плагинов. Лайтбокс для кого ?Тому кто смотрит — он мешает и многих моих знакомых они задолбали.По моему совету друзья отказываются от подписки на этот ресурс.Скольких пользователей теряют сайты из-за навязчивости ?

    Ответить
    1. Admin автор

      Вы о чём ? На данном сайте нет никакой подписки. А плагин предназначен для просмотра изображений.

      Ответить
  3. Вячеслав

    Заметил проблему, которую пока решить не смог. Если удалить изображение и добавить его заново, то тег описания в блоке лайтбокса принимает вид title=»». Соответственно, при просмотре изображения отсутствует отображение названиея файла.

    Ответить
    1. Admin автор

      Вам нужно указать заголовок для изображения.

      Ответить
      1. Вячеслав С.

        В том то и дело, что заголовки указаны. С новыми изображениями всё в порядке. Повторюсь, что это происходит, если удалить изображение с сайта из админки и добавить его заново. Только в этом случае тег, который генерирует плагин — пустой.

  4. Иван

    Везде пишут как вставлять картинки в етот плагин. Ето все понятно. Но как вставлять ссилки на ютуб что бы тоже была галерея на 3 столбца.

    Ответить
    1. Admin автор

      Самый простой вариант, сделать видео галерею с помощью колонок. Рекомендую плагин Shortcodes Ultimate, там есть функция «Колонки», очень просто делается. Ещё здесь посмотрите:

      Адаптивная видео галерея сетка на сайт wordpress.
      Стильные портфолио, записи, фото, видео, анонсы на сайт wordpress.
      Супер плагины WordPress, более 500!

      Ответить
  5. Евгений

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

    Ответить
    1. Admin автор

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

      Ответить
  6. Никита

    Здравствуйте, не работает для одиночных изображений (вставил картинку — ссылка «медиафаил»), настроил все, но при нажатии открывает во весь экран, игнорирует плагин -_-

    Ответить
    1. Admin автор

      Здравствуйте. Вариант показа у вас выбран в настройках плагина? Есть альтернатива — Как сделать лайтбокс с фотографиями Lightbox фото

      Ответить
  7. Никита

    Да
    Nivo Lightbox

    Ответить
    1. Admin автор

      Значит этот плагин не работает у вас. Посмотрите, давно он обновлялся. WordPress обновляете?

      Ответить
  8. Никита

    WP и плагин обновлены до последней версии. Не работает …
    Возможно есть похожий плагин?

    Ответить
    1. Admin автор

      В предыдущем комментарии, первом, я дал ссылку на аналогичный плагин.

      Ответить
  9. Александр

    Спасибо за подробную статью! А то установил данный плагин, а работать он без настроек отказывается.

    Ответить
  10. Виолетта

    Хоспади, спасибо за подробную инструкцию)
    знаю как прописать в коде лайтбокс, а как с помощью визульного окна — хз)
    ссылка на Медиафайл — все поставила на свои места!!! Спасибо

    Ответить