Хотите, чтобы на сайте увеличивались картинки при нажатии? Для этого используют WordPress Lightbox плагины. Рассмотрим какие бывают и что могут.
Зачем нужен и как работает лайтбокс
Эффект лайтбокса – это увеличение изображения по клике. Удобно для пользователя, особенно когда нужно рассмотреть мелкие детали. Также при нажатии на одном фото, во всплывающем окне, появляются стрелки “назад” и ”вперед”. Можно также просмотреть все картинки, которые были добавлены в пост.
Технология Lightbox работает на основе библиотеки jQuery.
Бесплатные плагины Lightbox
Познакомимся с возможностями часто используемых решений для ВордПресс.
FooBox Image Lightbox
Это первое решение для ВП, в котором было предусмотрена адаптивность. Оно не только масштабирует изображения по размеры экранов, но и перестраивает кнопки управления, чтобы они отлично выглядели на любом устройстве. Работает с большинством плагинов галереи. Совместим с Gutenberg. Есть возможность отключить JS-скрипты/CSS-стили плагина на определенных страницах.
Особенности:
- адаптивность,
- привлекательный дизайн лайтбокса,
- простые настройки,
- поддержка Гутенберг,
- совместимость со всеми плагинами галерей,
- контроль загрузки скриптов и стилей.
Simple Lightbox
Это быстрый и простой лайтбокс для ваших страниц и постов. Увеличивает картинки на страницах, записях, виджетах, меню, категориях/тегах, домашней странице. Возможно отображать изображение отдельно или в виде слайд-шоу, а также задавать анимацию, скорость, прозрачность наложения. Легкий и быстрый.
Ключевые моменты:
- светлый/темный дизайн;
- поставляется с темами, оптимизированными для мобильных устройств;
- отображает метаданные медиафайлов (описание, подпись и т.д.);
- есть навигация;
- поддерживает ссылки в виджетах.
Easy FancyBox
Это гибкое и эстетичное решение для лайтбоксов. После активации плагина все ссылки на изображения JPG, GIF и PNG автоматически открываются в стиле FancyBox Mac/Gnome. Не собирает никаких данных и не устанавливает файлы cookie браузера. Совместим с популярными плагинами галерей.
Можно выделить:
- автоматическое определение ссылок на медиафайлы;
- автообнаружение галерей;
- всплывающее окно при загрузке страницы;
- всплывающие эффекты;
- параметры стилей для наложения светового блока (цвет и непрозрачность) и окна (размер и цвет рамки).
Responsive Lightbox & Gallery
Это полноценный WordPress-плагин для галерей с мощными функциями Drag & Drop Gallery Builder и Lightbox. Вы можете улучшить его функции благодаря бесплатным и платным расширениям. Простое перетаскивание позволяет быстро создавать красивые галереи, добавлять свои стили. Создан с учетом SEO и производительности.
Преимущества:
- 3 шаблона галереи;
- 8 адаптивных сценариев лайтбокса (SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox, Tos «R» Us, Featherlight, Magnific Popup);
- создание галерей из медиатеки или публикация прикрепленных изображений;
- медиапапки с интерфейсом перетаскивания;
- доступ к миллионам изображений через удаленную библиотеку;
- возможность импортировать удаленные изображения в медиатеку;
- совместимость Гутенбергом;
- поддержка содержимого iframe, Ajax, HTML5 и Inline lightbox;
- автоматическое добавление лайтбокса в галереи, ссылки на изображения, видеоссылки, виджеты, комментарии, в продукты WooCommerce;
- совместимость с популярными компоновщиками страниц;
- отображение отдельных постов в виде галереи;
- установка заголовка изображений галереи;
- настраиваемые параметры для каждого из сценариев лайтбокса;
- поддержка мультисайтов;
- .pot файл для переводов.
Gallery Lightbox
Еще один бесплатный модуль для увеличения картинок. Автоматически добавляет лайтбокс в галереи. Самостоятельно устанавливает слайдшоу с выставлением интервала. Можно изменить цвет наложения слайдера. Делает возможным отображать галерею как карусель.
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.
