Плагин Responsive lightbox: просмотр изображений wordpress

Всем привет, сегодня хочу рассказать о довольно новом но популярном плагине Responsive Lightbox by dFactory для WordPress. Как вы поняли с названия, это плагин всплывающих изображений - lightbox wordpress он же лайтбокс для wordpress. На сегодняшний день 19.08.2015 плагин имеет более 100 тысяч активных (работающих) инсталяций и это довольно не плохой показатель. Резкий спрос на lightbox wordpress пошел в феврале текущего года, когда был атакован другой не мене популярный плагин лайтбокс: FancyBox for WordPress. Если кто забыл, через последнего, не мало сайтов на CMS WordPress были заражены вирусом, ну не будем о грустном.

Responsive lightbox WordPress

 

Скачать плагин lightbox wordpress можно по этой ссылке: https://wordpress.org/plugins/responsive-lightbox/

Плагин лайтбокс для увеличение картинок в wordpress, который делает просмотр изображений приятным для глаза. Конечно этого мало, чтобы бежать и скачивать очередной lightbox wordpress, тем более что у плагина есть один большой недостаток - его разработчик постоянно меняет то код вывода, то закидывает демо версию в репозиторий, но об этом немного позже, сейчас я попробую описать преимущества этого плагина.

Что нового в плагине Responsive lightbox wordpress

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

    • появились премиум скины, для тех кому не хватает 6 штатных;
    • модернизировали кнопку закрыть (до этого были жалобы на нее);
    • модернизирован скрипт Nivo lightbox.

Преимущества Responsive lightbox wordpress

  • адаптивность (резиновый лайтбокс для wordpress по ширине экрана, монитора и т. д.);
  • возможность просмотра книжных / вертикальных изображений;
  • огромнейший спектр настроек;
  • 6 полностью разных типов всплывающих фото;
  • уникальная настройка каждого из 6 типов просмотра изображений;
  • увеличение картинок и создание автоматической галереи;
  • стиль facebook для просмотра фото;
  • просмотр изображений и видео в одном стиле.

И это еще не полный список :-). Сейчас попробую структурировать эти данные в таблице и более подробно описать каждый:

Преимущество Описание Скриншоты
Адаптивность Все всплывающие Responsive lightbox wordpress имеют адаптивный дизайн. Они одинаково хорошо смотрятся на мониторе ПК и вашем планшете / телефоне. Размер фотографий подгоняется под размер окна браузера и это очень удобно. адаптив в lightbox wordpressадаптив в lightbox wordpress
Адекватный просмотр изображений в книжном / вертикальном формате, а также панорам Я не ошибся, именно для просмотра вертикальных или книжных форматов фото на широкоформатных мониторах этот плагин даст фору любом другом lightbox wordpress.

У него есть волшебная кнопка (смотрите скриншот справа) клик по которой показывает увеличение картинок в полный размер, ведь много заказчиков жалуются именно на то, что вертикальные фотографии смотрятся очень и очень плохо в других fancybox и lightbox.

Большие изображение теперь не проблема для просмотра изображений в wordpress благодаря этой же кнопке. Можно загружать очень большие фото или панорамы, главное отключить обрезку изображений у ВП и наслаждаться от их просмотра.

просмотр больших изображений lightbox wordpress
плагин имеет много настроек Описывать все настройки не имеет смысла, но вкратце пробегусь по ним:

  1. Настройка внешнего вида для каждого из 6 типов popup.
  2. Настройка размера видео и других динамических блоков.
  3. Флеш режим
  4. Тип построения галереи в текущем документе
  5. Ссылки поделиться возле каждого фото
настройки lightbox wordpress
6 типов разных эффектов lightbox wordpress и не только В этом плагине собранные разные эффекты всплывающих картинок, от разных разработчиков. Стоить протестировать конечно все и выбрать подходящею для себя. У меня установлен prettyPhoto с эффектом facebook, в конце поста я покажу как его правильно настроить. lightbox-nastroika-2
Создание автоматической галереи Если указать в настройке lightbox wordpress чтобы он делал автоматические галереи, он сможет автоматом захватывать все изображения в записи и выводить их как галерею. Также можно делать слайдер в просмотре изображения. Как это выглядит на практике смотрите скин справа. gallery-lightbox-wordpress 
стиль facebook для просмотра фото Наверное все пользователи видели этот стиль на фейсбуке, теперь его можно позаимствовать себе на сайт. Стиль можно посмотреть поклацав по картинкам у меня на сайте.  
просмотр изображений и видео в одном стиле Это умеет делать много разных боксов для просмотра изображения, этот лайтбокс не исключение. video-lightbox-wordpress

 

Основную часть преимуществ этого плагина думаю описал, теперь думаю стоить забросить еще несколько скинов работы плагина в другом стиле, думаю вам это буде полезно:

 

Недостатки Responsive lightbox wordpress

Как же без них, недостатки есть во всем, не обошлось и тут без ложки дегтя в бочке меда.

Самым большим недостатком на мой взгляд является недостаточная проверка плагина на баги. За время работы пришлось 2 раза обращаться к разработчикам чтоб  они внесли правки. По сути они случайно выкладывали бета версии на рабочий репозиторий ВП, пользователи спешно обновляются и бабах, ваш сайт работает косо криво. Второй трабл, за все время работы: смена кода вызова с rel="lightbox" на data-rel="lightbox", казалось бы мелочь, но кому она нужна. Несколько заказчиков встали на уши, когда у них перестали работать галереи, ну и попробуй им объяснить что это не вирус и что я не виноват. В общем бывает.

За это время я успел сделать несколько выводов:

  • нельзя спешить обновлять этот плагин;
  • перед обновлением надо зайти на ВП орг и обязательно посмотреть сколько человек сказало что этот плагин работает и сколько сказало что не работает;
  • заказчиков надо предупреждать чтоб не обновляли этот плагин без большой надобности самостоятельно, а если уж это делают пускай делают копию или дамп на сервере.

 

Как настроен просмотр изображений lightbox wordpress у меня на сайте

Как и обещал, для тех кто желает скопировать настройки для "wordpress увеличение картинок" выкладываю скины настроек плагина на сайте Help-WP.ru. Версия плагина 1.5.7

1) первая страница

моя настройка lightbox wordpress

2) Вторая страница, настроек для прети фото

моя настройка lightbox wordpress

Настройки можно скопировать открыв в максимальном окне эти скриншоты. На более новых версиях плагина они конечно же могут отличаться.

 

Под конец статьи наверное стоить сделать какие нибудь выводы. Что я могу сказать, на мой взгляд, на сегодня, Responsive lightbox wordpress один из самых лучших плагинов для увеличения картинок, который позволяет просматривать большие или книжные фото в полный размер. Также на нем можно просматривать панорамы и видео ролики в едином стиле. Благодаря этому плагину просмотр изображений wordpress поднялся на новый уровень.

Другие лайтбокс для wordpress

У себя на сайте я уже описывал еще один лайтбокс: Lightbox Plus, а также Simplebox for WordPress.

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

Если в процессе работы мне понравится другой превьювер, я обязательно его опишу 🙂 .

Жмите лайк:

Советую прочесть статью о Contact Form 7 и миниатюра wordpress.

В интернете нас ищут:

  • lightbox wordpress
  • responsive lightbox
  • лайтбокс для wordpress
  • просмотр изображений wordpress
Комментарии к записи «Плагин Responsive lightbox: просмотр изображений wordpress»:
  1. Daniil:

    Здравствуйте, проблема с лайтбоксами на моем сайте. Перепробовал 3 - 4 разных лайт бокса, но на сайте не прогружается в аякс окне изображение, как и было раньше идет отсылка на домашний адрес пикчи. Это не совсем удобно, хотелось бы установить работающий плагин. Не подскажите в чем там может быть проблема? Благодарю заранее.

    • admin:

      Добрый день.
      Если вы пробовали несколько плагинов и ни один не работает значит у вас проблемы на сайте, как вариант:
      1) не подключены функции в теме wp_head(); wp_footer();
      2) яваскрипт ошибка на сайте

      и так далее.

      нужно смотреть ваш сайт.

    • Daniil:

      Можно ли через админку посмотреть этот функционал? Или нужно лезть в програмный файл php ?

      Если да, прошу подскажите как это можно устроить.

    • admin:

      ваш вопрос уже обсуждался, у вас банально стоять ссылки не на изображение (медиафайл) а на внутренний объект, поменяйте ссылку на медиафайл, когда добавляете фото и у вас все заработает.

    • Daniil:

      Но, ссылка на медиа файл открывает отдельную страницу с файлом, а не изображение в новом окне на странице. Я все же думаю что это ява скрипт заблокирован или функции в теме.

      Я разные варианты пробовал при подключении разных лайтбоксов

    • admin:

      Нет у вас никакой ошибки яваскрипт, подключите лайтбокс и поставьте ссылку на медиафайл

    • Daniil:

      Тут просто черт ногу сломит.

      (-url-)

      (-url-)

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

    • admin:

      ну вот же, все работает отлично, откройте ссылку:
      вашдомен/2016/11/08/хамстер-сити/ и кликните на первое фото, открывается превьювер :))))

    • Daniil:

      О боги о.о Моя опера воспринимает все не так. На макстоне все заработало на отлично.

      Ошибка отображения в броузере это то с чем жизнь меня не готовила сталкиваться.

      Спасибо огромное, и за отклик, и за сайт с чудесной информацией )

      Хорошего вам времени суток.

  2. Anton:

    Здравствуйте. Установил плагин, но эффекта не наблюдаю. Пробовал и другие лайтбоксы - тоже самое. Установлен Image Slider (Lite), но после его деактивации изменений не заметил. Подскажите в чем может быть проблема с отсутствием эффекта увеличения фото?

    • admin:

      Добрый день.
      У вас подключены функции wp_head() и wp_footer() в файлах header.php и footer.php соответственно?
      Если да, то возможно у вас на сайте ошибка яваскрипта, которая мешает включится в работу вашим изображениям. Нужно смотреть сайт

    • Anton:

      Да, функции подключены. Сможете посмотреть сайт на предмет причины ошибки, был бы очень признателен? Если что, то сайт (-url-)

    • admin:

      А с чего вы взяли что у вас не работает лайтбокс?? Смотрите ссылку, вашдомен/stati/vozros-rasxod-topliva-v-chem-delo.html

      Картинка которая называется "Десять способов экон. топлип." кликните на нее, лайтбокс работает.

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

    • Anton:

      Спасибо, разобрался с вашей помощью. Действительно все дело было в том, что нужно было выставлять значение "ссылка на медиафайл". Я думал при вставке изображения оно автоматически оболачивается нужным скриптом.

  3. Виталий:

    Здравствуйте, не подскажите что можно сделать? Я когда увеличиваю фото, то сразу показывается не на полный экран (как у вас в этой статье, там где настройки плагина), а нужно чтобы сразу открывался самый большой размер, чтобы можно было нормально читать, что там написано?

    • admin:

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

  4. Евгений:

    Здравствуйте, уважаемый администратор. После обновления плагина он стал некорректно работать,теперь при просмотре изображений нет всплывающих окон. Нет возможности перелистывать изображения. Можете чем-то помочь?
    Ссылка на страницу с галереей (url)

    • admin:

      Добрый день. Мне кажется проблема вот тут "Error: Syntax error, unrecognized expression: a[href=#top]" у вас ошибка в яваскрипте. Попробуйте для начала устранить ее. Нужно #top взять в кавычки ' или ".
      Думаю что проблема в этом, а не в плагине, хотя могу й ошибаться.

  5. Даниил:

    Здравствуйте!

    Подскажите пожалуйста, установил плагин Responsive Lightbox (ранее был установлен стандартный вукоммерсовский лайтбокс), я использую woocommerce, и хотел бы чтобы галерея товаров работала с этим плагином.
    Но после установки никаких изменений не происходит. Получается у меня два лайтбокса установлено, но работатет только стандартный. Что я делаю не так?
    Спасибо.

    • admin:

      Добрый день.
      Сложно что то вам ответить, так как не до конца понял суть вопроса.
      У вас 2 лайтбокса? - зачем
      какой именно лайтбокс не работает?
      Желательно ссылку на ваш сайт, тогда может чем то и смогу вам помочь.

  6. Андрей:

    Добрый день Игорь. Вопрос похожий на предыдущий пытаюсь установитьResponsive Lightbox by dFactory. Установить установил, активировал, а дальше ничего, изменений ноль. Что это может быть. Сайт (-url-)

    • admin:

      Добрый день
      Все очень просто, ошибка: "
      TypeError: jQuery(...).live is not a function
      jQuery('.replace').live('click', function() {"

      в плагине perelink.

      отключите его и все будет работать.

      Как я понимаю конфликт версий jquery. В новой версии вместо live используют on

  7. Андрей:

    У меня слетел плагин wordpress для увеличение картинок. Не могу понять почему не открываются все изображения. Точнее они открываются, но на весь экран, а просмотр изображений - не работает. Подскажите в чем может быть проблема. Готов заплатить за решение проблемы. Сейчас стоить простенький lightbox wordpress, если нужно готов сменить на что либо угодно.
    Уже пробовал ставить вот этот ваш плагин, он тоже не работает. Не могу понять в чем причина. Вот сайт: (-url-)

    • admin:

      У вас проблемы в яваскрипте, по этой причине и не работает ваш lightbox wordpress. Кстати у вас и другие части перестали работать из-за этого, например календарь 🙂
      Нужно устранить ошибку в файле вашей темы scr.js ошибка там в 12 строке. Если нужно могу помочь вам в этом

Сделать заказ
Онлайн помощь по WordPress