WP Featherlight: новый лайтбокс-плагин для изображений и галерей в WordPress

Дата публикации:Июнь 13, 2015

Компания WP Site Care не так давно выпустила свой новый плагин WP Featherlight, который появился на WordPress.org. Несмотря на сотни уже имеющихся плагинов для лайтбоксов, WP Featherlight вполне может стать самым «легким» из них.

featherlight

Плагин в целом является оберткой для jQuery лайтбокс-скрипта Featherlight, созданного Ноэлем Боссартом. Featherlight.js специально создавался для того, чтобы быть «легким» скриптом – он содержит всего 400 строк JS и 100 строк CSS, что занимает менее 6 Кб. Он работает в IE8+, всех современных браузерах, а также на мобильных платформах. Скрипт является адаптивным и поддерживает изображения, ajax, а также iframe.

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

«Мы не смогли найти простой в настройке плагин для лайтбоксов, который был бы легким, гибким и не перегружал сайт», говорит основатель WP Site Care Райан Салливан.

Команда WP Site Care приняла решение создать свой собственный плагин на базе Featherlight.js. Он предлагает минималистическое оформление для всплывающих окон с изображениями и галереями.

wp-featherlight-screenshot

Плагин имеет встроенную поддержку родных WordPress галерей и Jetpack галерей. После установки плагина вам не придется задавать какие-то настройки. Он автоматически выведет все изображения и галереи в лайтбоксе. Если вы добавите дополнительные атрибуты данных к вашему контенту, вы сможете выводить также видео, iframe и ajax-контент в лайтбоксах.

Демо-видео показывает процесс работы плагина с галереями.

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

Я протестировал плагин WP Featherlight на своем сайте и обнаружил, что он работает, как положено. Найти более легкий плагин для лайтбоксов будет очень трудно. Стили плагина минималистичны, и тот факт, что он не имеет настроек, делает его очень удобным в использовании. Большое спасибо Роберту Неу и людям из WP Site Care за то, что они сделали плагин доступным на WordPress.org.

Источник: wptavern.com

Поделиться

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

  1. Круто, сам скрипт этот давной использую, он удобный тем, что малоконфликтен с другими. И интересная идея для новых плагинов — надо просто найти какой-нибудь толковый скрипт и завернуть его для wordpress, вот и плагин готов))

    • Дмитрий says:

      Да, так в большинстве случаев и происходит, когда скрипт обертывается в плагин.

  2. gOuTM says:

    Этот плагин дружит в Photon? При включении этой опции картинки отдаются не с домена сайта, а со служебного адреса Photon, из-за чего многие lightbox плагины считают эти картинки внешними со всеми вытекающими.

  3. Будет ли он работать с WooCommerce ? По умолчанию WooCommerce лайтбокс очень медленный на многих сайтах …

  4. Андрей says:

    Эээм… Видимо, я че-то не понимаю в легкости…
    Посмотрите на slenderbox: https://wordpress.org/plugins/slenderbox/

Оставить комментарий

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

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.