Лайтбоксы – это метод JavaScript, используемый для отображения содержимого в блоках. Я уверен, что вы уже много раз видели их использование на веб-сайтах. В мире WordPress они обычно ассоциируются с галереями. Когда пользователь щелкает изображение галереи, оно появляется во всплывающем окне, а остальная часть страницы темнеет, чтобы изображение было выделено.
Лайтбоксы используются и на других типах сайтов. Например, многие интернет-магазины используют технику лайтбокса для выделения изображений товаров.
Лайтбоксы удобны для посетителей при просмотре контента. В базовых галереях изображений, таких как Галерея WordPress, встроенная в WordPress, пользователь должен щелкнуть изображение, чтобы увидеть изображение полностью, затем нажать кнопку «Назад», чтобы вернуться в галерею, а затем щелкнуть следующее изображение. Лайтбоксы позволяют просматривать контент, просто нажимая влево и вправо в галерее.
Сегодня я хотел бы поговорить об отличном плагине премиум-лайтбокса для WordPress под названием Foobox. Плагин позволяет использовать лайтбоксы для изображений, видео, HTML и многого другого.
Красивые адаптивные лайтбоксы
Foobox – один из самых продвинутых плагинов для лайтбоксов. Это множество полезных функций и отзывчивый дизайн, который отлично смотрится на настольных компьютерах, планшетах и мобильных телефонах. Пользователи также могут проводить пальцем из стороны в сторону для навигации по вашему контенту.
Каждому загруженному изображению дается уникальный URL. Это позволяет посетителям делиться вашими изображениями в популярных социальных сетях, таких как Facebook и Twitter.
Плагин имеет встроенную поддержку встроенной галереи WordPress. Он также поддерживает популярные плагины WordPress Justified Image Grid, Jetpack и NextGEN Gallery.
Как я уже отмечал ранее, Foobox не просто обрабатывает изображения. Плагин также можно использовать с видео и HTML. Например, вы можете использовать его для более заметного отображения видео на YouTube или для отображения окна подписки на рассылку новостей.
Он также позволяет отображать контент с помощью iframe. Вы можете использовать эту функцию для отображения всего веб-сайта в области лайтбокса, что полезно, если вы не хотите, чтобы посетители покидали страницу.
Чтобы лучше понять, что может делать Foobox, давайте поближе познакомимся с областью настроек Foobox.
Настройка Foobox
Ваша лицензия на Foobox требуется для получения автоматических обновлений плагинов и активации вкладки поддержки. Плагин соответствует Стандартной общественной лицензии, поэтому для его работы лицензия не требуется.
Вкладка общих настроек определяет, какие типы изображений используются в Foobox. Его можно включить для галерей WordPress, изображений вложения и изображений с подписями. Вы также можете включить Foobox автоматически для всех типов изображений.
В плагин включены два скина: Rounded и Metro. Он также поставляется с пятью цветовыми схемами, двенадцатью наборами значков и одиннадцатью значками для загрузки.
Обычно я не обращаю на подписи особого внимания; однако Foobox предлагает множество вариантов настройки подписей. Вы можете выбрать, будут ли отображаться подписи на изображениях, видео, HTML и окнах iframe.
Заголовок и описание также могут быть заменены заголовком привязки или альтернативным заголовком изображения. Существует также функция, которая берет имя файла изображения и преобразует его во что-то читаемое. Например, изображение, загруженное как «день на пляже-456», будет переименовано в «День на пляже».
На странице настроек функций есть множество опций, таких как скрытие полос прокрутки и кнопок навигации. Вы также можете отключить уникальный URL-адрес, который Foobox использует для изображений.
Другие параметры включают полноэкранную кнопку, предварительную загрузку изображений для повышения скорости просмотра, защиту изображений, счетчик статистики и слайд-шоу.
Значки обмена в социальных сетях могут отображаться в лайтбоксах любого типа. Значки можно размещать над или под областью содержимого. Их также можно выровнять по левому краю, по центру или по правому краю.
Пользователям могут быть показаны десять социальных сетей. Вы также можете отобразить ссылку на электронную почту и возможность загрузить изображение. Для отображения соответствующего значка социальной сети необходимо включить каждую службу социальных сетей.
Дополнительные параметры конфигурации доступны для протокола Open Graph, Facebook и Twitter.
После того, как вы включите выбранные вами социальные сети, в вашем лайтбоксе отобразится панель обмена. Это будет выглядеть примерно так:
Остальные разные функции размещены на вкладке «Дополнительно». Есть возможность интегрировать ваш партнерский URL-адрес Foobox в лайтбокс и заработать дополнительные деньги.
Другие варианты включают отключение других лайтбоксов, загрузку файлов Javascript в нижний колонтитул и включение режима отладки.
Foobox также позволяет вам изменять ваши лайтбоксы, добавляя собственный CSS и Javascript. Это в основном для разработчиков, которые хотят расширить функциональность Foobox.
Вам не нужно изменять свои сообщения и страницы, чтобы увидеть, как выглядят ваши лайтбоксы. После внесения изменений в настройки, например цветовую схему или параметры совместного использования в социальных сетях, просто перейдите на вкладку демонстрации и посмотрите, как выглядит ваш лайтбокс с различными изображениями, видео и окнами iframe.
Обзор
Foobox – один из лучших способов отображения контента на вашем сайте с помощью лайтбоксов. Плагин продается по цене 27 долларов за персональную лицензию, 67 долларов за многосайтовую лицензию и 97 долларов за бизнес-лицензию.
Важно отметить, что Foobox – это плагин, который расширяет функциональность вашей текущей галереи, а не заменяет ее. Поэтому в нем отсутствуют функции, которые вы могли бы увидеть в плагинах галереи, таких как Envira Gallery.
Благодаря поддержке видео, HTML и фреймов Foobox представляет собой универсальный плагин, который можно использовать по-разному. Посетите официальный сайт Foobox, чтобы узнать больше о плагине ?
Если вам понравилась эта статья, я рекомендую вам подписаться на WPExplorer, чтобы получать обновления через RSS, Facebook, Twitter или Google+. Вы также можете бесплатно получать обновления прямо на ваш почтовый ящик, подписавшись на нашу еженедельную рассылку.
Как всегда, если у вас есть какие-либо вопросы по поводу плагина, оставьте, пожалуйста, комментарий, и я постараюсь ответить на них.
Кевин
Источник записи: https://www.wpexplorer.com