настройка huge it lightbox

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

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

Nivo Slider

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

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

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

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

Responsive Lightbox by dFactory

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

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

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

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

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

Simple Lightbox

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

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

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

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

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

FooBox

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

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

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

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

Lightbox by Huge-IT

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

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

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

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

WP Featherlight

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

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

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

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

Easy FancyBox

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

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

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

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

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

источник

5 бесплатных Лайтбокс плагинов для показа картинок и видео на WordPress

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







Репозиторий плагинов WordPress содержит огромное количество плагинов, которые явно демонстрируют свою полезность. Если вы немного смущены количеством бесплатных плагинов в официальном репозитории WP (их там 750+), то вы обратились по адресу. Сегодня мы назовём лучшие бесплатные лайтбокс плагины для WordPress. Но для начала давайте разберёмся в этой функции.

Что такое WordPress Lightbox?

Всё, что появляется на экране, затемняя остальную станицу, можно назвать лайтбоксом. Лайтбоксы могут базироваться на JavaScript (jQuery) или CSS3. При применении их, веб-страница остаётся видимой, но пользователи могут сфокусироваться на медиа элементе (изображении или видео). Этот достаточно эффективный метод применяется для отображения изображений, новостей, форм, слайдов и т.д. Если вы ведёте блог фотографий, то обязательно опробуйте эту функцию.

Для компьютерных фанатов, мы хотим объяснить принцип работы лайтбокса. Он работает в родительско-дочернем режиме. Появляющийся медиа элемент – это дочерний экран, а веб-страница – это родительский экран. При появлении дочернего экрана связь родитель-ребёнок разрывается. Но только когда пользователь выполняет на нём какие-либо действия.

Зачем нужен лайтбокс плагин?

Задайте себе этот вопрос перед добавлением нового плагина на ваш веб-сайт. У вас могут быть свои аргументы, но вот те, которые пришли нам в голову:

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

WordPress лайтбокс плагины

Хороший WordPress разработчик может легко создать пользовательский всплывающий элемент управления, но есть несколько других способов добавить лайтбокс на ваш WordPress веб-сайт. И одним из наилучших способов добавления лайтбокса на ваш сайт является установка хорошего Lightbox WordPress плагина. Мы хотим представить вам список надёжных плагинов.

1. FooBox Image Lightbox



Это один из наших любимых плагинов. Он предлагает точное управление медиа, где можно не только изменить размер изображения, но и поменять клавиши для более удобного управления. Если вы являетесь пользователем Foo Gallery, то точно знаете, что FooPlugins очень хороши. С встроенным функционалом для social sharing, адаптивным дизайном нулевой конфигурацией, FooBox Image Lightbox обеспечивает отличную работу вашего веб-сайта.

Вы можете приобрести премиум версию FooBox Pro, и тогда получите доступ к расширенным функциям, например, перелинковка, поддержка HTML и iFrame, разнообразие цветов схем, иконки кнопок, иконки загрузки и много чего ещё.

2. Responsive Lightbox by dFactory



Responsive Lightbox главным образом разработан для создания адаптивных лайтбоксов, которые поддерживаются мобильными устройствами. Лайтбоксы, созданные этим плагином, подстраиваются под размер экрана. С более 200,000 активных установок, плагин имеет огромную пользовательскую базу. Ключевым моментом этого плагина является 6 разных адаптивных скриптов (SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox), которые накладывают эффекты на ваши WordPress медиа элементы.

3. Simple Lightbox



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

Вы можете включить функцию лайтбокса для определённых записей или страниц. Кроме того, мета данные отображаются с медиа файлами. Несмотря на простоту функций, Simple Lightbox может похвастаться более 100,000 активных инсталляций.

4. WP Lightbox 2



WP Lightbox 2 – это ещё один бесплатный плагин для отображения WordPress медиа контента в лайтбоксе, подходящий для мобильных устройств. Он предлагает несколько уникальных функций, которые вы не найдёте ни в одном плагине. К примеру, изменение информации, уменьшение размера изображения, отображение ссылок для загрузки изображений. В комплект входят 5 различных тем, и вы можете показывать подпись к картинке и описание в лайтбоксе. Изображения можно сгруппировать вместе и показывать, как слайд шоу.

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

5. WP Featherlight



WP Featherlight – это супер лёгкий jQuery лайтбокс плагин. Он содержит всего 400 строчек JavaScript, 100 строчек CSS, и добавляет всего 6 KB к загрузке страницы. Поэтому, этот плагин считается самым лёгким.

WP Featherlight решает большинство проблем с медленной загрузкой лайтбокса, которые возникают с другими плагинами. Это возможно благодаря встроенной библиотеке jQuery, которая предотвращает неполадки в работе плагина. Этот плагин очень адаптивен, поддерживает изображения, AJAX, iFrame и множество других функций.

Итоги

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



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

источник