7 лучших лайтбокс плагинов для WordPress

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

  1. Nivo Slider

Не позвольте слову «Slider» обмануть вас. Этот плагин позволяет создавать красивые слайд-шоу и галереи в лайтбоксе для ваших записей и страниц. Он отлично подходит фотографам (и творческим людям), поскольку позволяет формировать элегантный вывод медиафайлов. Слайд-шоу выводятся в виде лайтбоксов, а стиль и переходы можно задать в самом плагине.

Чтобы плагин заработал, вам нужно будет создать галерею, после чего указать свои настройки и опубликовать ее. Скопируйте шорткод и вставьте на страницу или в запись, где вы хотите выводить галерею или слайдер. Переходы, размеры, количество слайдов, скорость, тема слайдера – все это можно настраивать. Если вам понравится дизайн, вы можете включить лайтбокс для всех изображений на своем сайте.

Ключевые особенности:

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

 

  1. Responsive Lightbox by dFactory

Responsive Lightbox – самый рейтинговый плагин из всех бесплатных вариантов для создания лайтбоксов в WordPress. Он позволяет пользователям просматривать более крупные/широкие варианты ваших фотографий в стильном отдельном окне. Он легко подстраивается под мобильные экраны и поставляется с различным дизайном лайтбоксов.

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

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

Ключевые особенности:

  • 7 адаптивных лайтбокс скриптов (SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox, Featherlight и TosRUs)
  • Возможность вывода изображений в отдельной записи в виде галереи
  • Возможность изменения родных размеров изображений для галерей в WordPress
  • Вы можете использовать заголовок, описание, подпись, альтернативный текст изображения в лайтбоксе
  • Лайтбокс доступен для изображений, галерей, ссылок и видео

 

  1. Simple Lightbox

Еще один бесплатный плагин, который имеет хорошие оценки на WordPress.org и предлагает быстрые и простые лайтбоксы для ваших страниц и постов. Однако он не имеет такого же дружелюбного представления и широкого спектра настроек, как другие плагины. Если вам нужен минималистический способ вывода изображений в лайтбоксах, то вам этот плагин понравится.

Simple Lightbox позволяет вам включить лайтбокс для всех элементов: страниц, постов, виджетов, меню, рубрик и меток, главной страницы и т.д. Вы можете выводить изображения либо по отдельности, либо в виде слайд-шоу, также вы можете задавать переходы, анимацию, скорость слайдов, непрозрачность наложения и т.д.

Этот плагин подойдет тем, кому нужен простой лайтбокс без тонны стилей и разных опций. Он легкий, простой и очень быстрый.

Ключевые особенности:

  • Темная и светлая цветовая схема
  • Премиум-аддоны
  • Оптимизированные под мобильные устройства темы
  • Вывод метаданнных для медиафайлов (описание, подпись и т.д.)
  • Предлагает клавиатурную навигацию
  • Поддерживает ссылки в виджетах

 

  1. FooBox

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

Если вы используете плагин для галерей WordPress на своем сайте, то в таком случае вы можете применить лайтбокс к этим галереям. FooBox совместим с такими плагинами, как Envira Gallery, NextGEN Gallery, Jetpack и др. Мне в FooBox понравилось то, что у него имеются интерактивные лайтбоксы, которые привлекают внимание посетителей.

Ключевые особенности:

  • Адаптивный лайтбокс. Изображения, видео и HTML-файлы автоматически подстраиваются для соответствия вашему размеру экрана.
  • Встроенный социальный шаринг (социальные иконки) для каждого файла. Каждый медиафайл имеет свой собственный URL для простого доступа.
  • Поддерживаются YouTube и Vimeo форматы видео для лайтбокса.
  • HTML-контент можно открывать в лайтбоксе – таблицы, списки и т.д.
  • Изображения товаров WooCommerce также могут быть открыты в лайтбоксах.

 

Lightbox by Huge-IT – приятный плагин, оснащенный современным, удобным интерфейсом и имеющий многочисленные интересные настройки. Некоторые из них доступны в том числе и в бесплатной версии. Вы можете активировать лайтбокс, выбрать его стиль, скорость переключения, наложение цвета, а также зацикливание для создания слайд-шоу. Остальные настройки доступны уже в премиум-версии.

Плагин позволяет добавлять лайтбоксы к изображениям, а также хорошо работает с видео с YouTube и Vimeo. С Lightbox by Huge-IT вы можете настроить всплывающие окна, которые будут иметь приятный вид и хорошо впишутся в дизайн вашего сайта.

Ключевые особенности:

  • Пять лайтбоксов в старом стиле и семь в новом стиле. Плагин идет вместе с 12 разными типами всплывающих окон для ваших изображений.
  • Ссылки на YouTube и Vimeo
  • Позволяет вам добавлять водяные знаки на изображения, когда они открываются в лайтбоксе
  • В лайтбоксе поддерживаются социальные иконки
  • Полноэкранный вывод. Вы можете сделать так, чтобы изображения выводились на весь экран при щелчке по иконке.
  • Есть кнопка загрузки. Lightbox by Huge-IT позволяет вам выводить кнопку загрузки для ваших посетителей, чтобы они могли быстрее сохранить медиа-файлы.
  • Статистика по кликам на изображения за последние 24 часа, последний месяц и последний год.
  1. WP Featherlight

Самый простой, но при этом самый крутой плагин. Он очень легкий, основан на jQuery. Все, что вам надо сделать – просто установить его. После этого ваши изображения будут открываться в лайтбоксах, отличающихся минимализмом. Настроить лайтбоксы никак, но это одновременно является и плюсом плагина.

Чтобы лайтбокс активировался, вам нужно будет включать опцию «ссылка на медиафайл» при загрузке изображения или галереи. Лайтбоксы красивые, широкие, изображения отлично выглядят в них. Кроме изображений вы можете также выводить в лайтбоксах видео, iframe и Ajax-контент.

Ключевые особенности:

  • Очень легкий
  • Нет параметров, он автоматически добавляет лайтбоксы к вашим медиа-элементам после установки.
  • Имеет один стиль лайтбокса, простой и симпатичный.
  • Есть опция для отключения лайтбокса. Если вам не требуется лайтбокс на всех страницах, вы можете отключить его локально для каждой записи/страницы.

 

  1. Easy FancyBox

Последний плагин в нашей подборке – это Easy FancyBox. Он напоминает WP Featherlight. В данном плагине используется стиль вывода FancyBox. Лайтбоксы автоматически будут применяться к вашим медиафайлам при их загрузке/создании. Просто отметьте, чтобы ссылки с ваших изображений и фото галерей указывали на соответствующие медиафайлы. Этого достаточно, чтобы вывести лайтбоксы.

Лайтбокс применяется к изображениям.

Ключевые особенности:

  • Поддерживает YouTube, Vimeo, Dailymotion и flash ролики.
  • Использует лайтбокс для всех популярных форматов изображений, включая webP, SVG и т.д.
  • Совместим с медиа плагинами WordPress (к примеру, NextGEN).

Что вы думаете по поводу этих лайтбоксов? Использовали ли вы их? Какие ваши впечатления от работы с ними?

Источник: https://themeisle.com

Блог про WordPress
Комментарии: 12
  1. Александр

    В заголовке буква пропущена :)

    1. Дмитрий (автор)

      Поправили, спасибо!
      Бывает :)

  2. Ton

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

    1. Дмитрий (автор)

      Да, там функционал разный. Где-то больше, где-то меньше.

  3. Андрей

    Огромное спасибо за подборку! Будем-с тестировать, выбирать свое решение.

    1. Дмитрий (автор)

      Да, пожалуйста! На любой вкус и цвет тут собрано :)

  4. Looler

    Simple Lightbox уже который год верно и уверенно «служит» на многих проектах, ничего лишнего, все самое необходимое. Оправдывает свое название.

  5. as1974

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

    1. Дмитрий (автор)

      FooBox?

  6. Александр

    Я разочаровался в лайтбоксе, который прикручивается к Foobox. Если не добавить класс к картинке, то он и не думает подхватывать её, хоть и обещает открывать любые изображения — есть такая галочка в настройках. Другие плагины лайтбоксов это делают.
    Сейчас пока остановился на WP Featherlight, он подхватывает любые изображения, но, к сожалению, выглядит как-то не очень.

  7. Антон

    Easy FancyBox не работает нормально с мобайлами. Размер лайтбокса меньше чем превью и не открывается ни как в полный размер фото.

    1. Дмитрий (автор)

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

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

Получать новые комментарии по электронной почте.