Responsive Lightbox Wordpress

Responsive Lightbox Супер плагин 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.

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

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

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

 

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

 

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

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

 

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

 

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

 





Responsive Lightbox Супер плагин WordPress инструкция обновлено: Январь 30, 2017 автором: Илья Журавлёв

7 комментариев

  • Александр 01.02.2017 Ответить

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

    • Илья Журавлёв 01.02.2017 Ответить Автор

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

  • basseinomskru 02.02.2017 Ответить

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

    • Илья Журавлёв 02.02.2017 Ответить Автор

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

  • Вячеслав 21.06.2017 Ответить

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

    • Илья Журавлёв 21.06.2017 Ответить Автор

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

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *



Яндекс.Метрика

Помощь - Карта - Связь - Мой хостинг

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх