TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

32

Лайтбоксы – это метод JavaScript, используемый для отображения содержимого в блоках. Я уверен, что вы уже много раз видели их использование на веб-сайтах. В мире WordPress они обычно ассоциируются с галереями. Когда пользователь щелкает изображение галереи, оно появляется во всплывающем окне, а остальная часть страницы темнеет, чтобы изображение было выделено.

Лайтбоксы используются и на других типах сайтов. Например, многие интернет-магазины используют технику лайтбокса для выделения изображений товаров.

Лайтбоксы удобны для посетителей при просмотре контента. В базовых галереях изображений, таких как Галерея WordPress, встроенная в WordPress, пользователь должен щелкнуть изображение, чтобы увидеть изображение полностью, затем нажать кнопку «Назад», чтобы вернуться в галерею, а затем щелкнуть следующее изображение. Лайтбоксы позволяют просматривать контент, просто нажимая влево и вправо в галерее.

Сегодня я хотел бы поговорить об отличном плагине премиум-лайтбокса для WordPress под названием Foobox. Плагин позволяет использовать лайтбоксы для изображений, видео, HTML и многого другого.

Получить Foobox

Красивые адаптивные лайтбоксы

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

Каждому загруженному изображению дается уникальный URL. Это позволяет посетителям делиться вашими изображениями в популярных социальных сетях, таких как Facebook и Twitter.

Плагин имеет встроенную поддержку встроенной галереи WordPress. Он также поддерживает популярные плагины WordPress Justified Image Grid, Jetpack и NextGEN Gallery.

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

Как я уже отмечал ранее, Foobox не просто обрабатывает изображения. Плагин также можно использовать с видео и HTML. Например, вы можете использовать его для более заметного отображения видео на YouTube или для отображения окна подписки на рассылку новостей.

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

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

Чтобы лучше понять, что может делать Foobox, давайте поближе познакомимся с областью настроек Foobox.

Настройка Foobox

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

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

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

В плагин включены два скина: Rounded и Metro. Он также поставляется с пятью цветовыми схемами, двенадцатью наборами значков и одиннадцатью значками для загрузки.

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

Обычно я не обращаю на подписи особого внимания; однако Foobox предлагает множество вариантов настройки подписей. Вы можете выбрать, будут ли отображаться подписи на изображениях, видео, HTML и окнах iframe.

Заголовок и описание также могут быть заменены заголовком привязки или альтернативным заголовком изображения. Существует также функция, которая берет имя файла изображения и преобразует его во что-то читаемое. Например, изображение, загруженное как «день на пляже-456», будет переименовано в «День на пляже».

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

На странице настроек функций есть множество опций, таких как скрытие полос прокрутки и кнопок навигации. Вы также можете отключить уникальный URL-адрес, который Foobox использует для изображений.

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

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

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

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

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

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

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

Дополнительные параметры конфигурации доступны для протокола Open Graph, Facebook и Twitter.

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

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

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

Остальные разные функции размещены на вкладке «Дополнительно». Есть возможность интегрировать ваш партнерский URL-адрес Foobox в лайтбокс и заработать дополнительные деньги.

Другие варианты включают отключение других лайтбоксов, загрузку файлов Javascript в нижний колонтитул и включение режима отладки.

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

Foobox также позволяет вам изменять ваши лайтбоксы, добавляя собственный CSS и Javascript. Это в основном для разработчиков, которые хотят расширить функциональность Foobox.

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

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

Foobox: плагин для лайтбоксов с поддержкой социальных сетей

Обзор

Foobox – один из лучших способов отображения контента на вашем сайте с помощью лайтбоксов. Плагин продается по цене 27 долларов за персональную лицензию, 67 долларов за многосайтовую лицензию и 97 долларов за бизнес-лицензию.

[iframe src=”https://www.youtube.com/embed/mO0g5wWVSVk”]

Важно отметить, что Foobox – это плагин, который расширяет функциональность вашей текущей галереи, а не заменяет ее. Поэтому в нем отсутствуют функции, которые вы могли бы увидеть в плагинах галереи, таких как Envira Gallery.

Благодаря поддержке видео, HTML и фреймов Foobox представляет собой универсальный плагин, который можно использовать по-разному. Посетите официальный сайт Foobox, чтобы узнать больше о плагине ?

Если вам понравилась эта статья, я рекомендую вам подписаться на WPExplorer, чтобы получать обновления через RSS, Facebook, Twitter или Google+. Вы также можете бесплатно получать обновления прямо на ваш почтовый ящик, подписавшись на нашу еженедельную рассылку.

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

Кевин

Источник записи: https://www.wpexplorer.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. ПринимаюПодробнее