Лайтбокс – тренд, который появился в последние несколько лет. Все больше людей начинают использовать его на своих сайтах. Можно понять, почему он пользуется спросом. Вывод медиафайлов в лайтбоксах является прекрасным способом сделать контент привлекательнее. Однако для этого вам потребуются плагины WordPress. В данной статье мы рассмотрим лучшие лайтбоксы, которые доступны сегодня на рынке – как платные, так и бесплатные.
- Содержание
Nivo Slider
Не позвольте слову «Slider» обмануть вас. Этот плагин позволяет создавать красивые слайд-шоу и галереи в лайтбоксе для ваших записей и страниц. Он отлично подходит фотографам (и творческим людям), поскольку позволяет формировать элегантный вывод медиафайлов. Слайд-шоу выводятся в виде лайтбоксов, а стиль и переходы можно задать в самом плагине.
Чтобы плагин заработал, вам нужно будет создать галерею, после чего указать свои настройки и опубликовать ее. Скопируйте шорткод и вставьте на страницу или в запись, где вы хотите выводить галерею или слайдер. Переходы, размеры, количество слайдов, скорость, тема слайдера – все это можно настраивать. Если вам понравится дизайн, вы можете включить лайтбокс для всех изображений на своем сайте.
Ключевые особенности:
- Вы можете создавать неограниченное количество слайдеров и выводить их в любом месте вашего сайта.
- Слайдеры могут иметь разные стили/тематики. Вы сами решаете, как они будут выглядеть.
- Вы можете использовать слайдеры в качестве виджетов.
- Все изображения автоматически обрезаются, чтобы соответствовать размеру вашего лайтбокса.
- Работает с шорткодами, которые вы можете вставлять в любое место сайта.
Responsive Lightbox – самый рейтинговый плагин из всех бесплатных вариантов для создания лайтбоксов в WordPress. Он позволяет пользователям просматривать более крупные/широкие варианты ваших фотографий в стильном отдельном окне. Он легко подстраивается под мобильные экраны и поставляется с различным дизайном лайтбоксов.
Плагин очень удобен для пользователей, он предлагает массу продуманных настроек, которые позволяют использовать лайтбокс для вывода всех изображений, видео, галерей продуктов в интернет-магазине, а также произвольных галерей, которые предлагаются в Jetpack. Также у плагина имеются 8 премиум дополнений/расширений, обеспечивающих большую гибкость при настройке лайтбоксов.
Помимо общих опций вы можете также настраивать и другие аспекты, включая прокрутку, прозрачность, переходы, цвет наложения и т.д.
Ключевые особенности:
- 7 адаптивных лайтбокс скриптов (SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox, Featherlight и TosRUs)
- Возможность вывода изображений в отдельной записи в виде галереи
- Возможность изменения родных размеров изображений для галерей в WordPress
- Вы можете использовать заголовок, описание, подпись, альтернативный текст изображения в лайтбоксе
- Лайтбокс доступен для изображений, галерей, ссылок и видео
Еще один бесплатный плагин, который имеет хорошие оценки на WordPress.org и предлагает быстрые и простые лайтбоксы для ваших страниц и постов. Однако он не имеет такого же дружелюбного представления и широкого спектра настроек, как другие плагины. Если вам нужен минималистический способ вывода изображений в лайтбоксах, то вам этот плагин понравится.
Simple Lightbox позволяет вам включить лайтбокс для всех элементов: страниц, постов, виджетов, меню, рубрик и меток, главной страницы и т.д. Вы можете выводить изображения либо по отдельности, либо в виде слайд-шоу, также вы можете задавать переходы, анимацию, скорость слайдов, непрозрачность наложения и т.д.
Этот плагин подойдет тем, кому нужен простой лайтбокс без тонны стилей и разных опций. Он легкий, простой и очень быстрый.
Ключевые особенности:
- Темная и светлая цветовая схема
- Премиум-аддоны
- Оптимизированные под мобильные устройства темы
- Вывод метаданнных для медиафайлов (описание, подпись и т.д.)
- Предлагает клавиатурную навигацию
- Поддерживает ссылки в виджетах
Стильный премиум-плагин для вывода лайтбоксов от 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 часа, последний месяц и последний год.
Самый простой, но при этом самый крутой плагин. Он очень легкий, основан на jQuery. Все, что вам надо сделать – просто установить его. После этого ваши изображения будут открываться в лайтбоксах, отличающихся минимализмом. Настроить лайтбоксы никак, но это одновременно является и плюсом плагина.
Чтобы лайтбокс активировался, вам нужно будет включать опцию «ссылка на медиафайл» при загрузке изображения или галереи. Лайтбоксы красивые, широкие, изображения отлично выглядят в них. Кроме изображений вы можете также выводить в лайтбоксах видео, iframe и Ajax-контент.
Ключевые особенности:
- Очень легкий
- Нет параметров, он автоматически добавляет лайтбоксы к вашим медиа-элементам после установки.
- Имеет один стиль лайтбокса, простой и симпатичный.
- Есть опция для отключения лайтбокса. Если вам не требуется лайтбокс на всех страницах, вы можете отключить его локально для каждой записи/страницы.
Последний плагин в нашей подборке – это Easy FancyBox. Он напоминает WP Featherlight. В данном плагине используется стиль вывода FancyBox. Лайтбоксы автоматически будут применяться к вашим медиафайлам при их загрузке/создании. Просто отметьте, чтобы ссылки с ваших изображений и фото галерей указывали на соответствующие медиафайлы. Этого достаточно, чтобы вывести лайтбоксы.
Лайтбокс применяется к изображениям.
Ключевые особенности:
- Поддерживает YouTube, Vimeo, Dailymotion и flash ролики.
- Использует лайтбокс для всех популярных форматов изображений, включая webP, SVG и т.д.
- Совместим с медиа плагинами WordPress (к примеру, NextGEN).
Что вы думаете по поводу этих лайтбоксов? Использовали ли вы их? Какие ваши впечатления от работы с ними?
Источник: https://themeisle.com
В заголовке буква пропущена :)
Поправили, спасибо!
Бывает :)
Easy FancyBox не только для картинок или видео, но и чтобы формы выводить и попапы, который должны выводиться через сколько-то секунд после загрузки, но для такого приходится еще код дописывать.
Да, там функционал разный. Где-то больше, где-то меньше.
Огромное спасибо за подборку! Будем-с тестировать, выбирать свое решение.
Да, пожалуйста! На любой вкус и цвет тут собрано :)
Simple Lightbox уже который год верно и уверенно «служит» на многих проектах, ничего лишнего, все самое необходимое. Оправдывает свое название.
Подборка конечно интересная, но вы не можете предложить какой нибудь премиум плагин по данной статье?
FooBox?
Я разочаровался в лайтбоксе, который прикручивается к Foobox. Если не добавить класс к картинке, то он и не думает подхватывать её, хоть и обещает открывать любые изображения — есть такая галочка в настройках. Другие плагины лайтбоксов это делают.
Сейчас пока остановился на WP Featherlight, он подхватывает любые изображения, но, к сожалению, выглядит как-то не очень.
Easy FancyBox не работает нормально с мобайлами. Размер лайтбокса меньше чем превью и не открывается ни как в полный размер фото.
Да, такая проблема есть. Если прям принципиально требуется, то можно скорректировать значение ширины, начиная от которого лайтбокс не будет выводиться для мобил.