Обзор FooBox: адаптивный плагин WordPress для лайтбокса

WordPress произвел революцию в работе веб-сайтов. С развитием плагинов ваш сайт может делать (почти) все, что вы можете себе представить. Но выбор правильного плагина - это больше, чем просто найти что-то красивое.

Владельцы и дизайнеры веб-сайтов все больше и больше должны учитывать пользовательский опыт, производительность веб-сайта и рейтинг в поисковых системах. Поэтому, хотя вы можете захотеть, чтобы ваши изображения «всплывали», вам также понадобится плагин, который будет работать в вашу пользу. Когда дело доходит до использования лайтбокса, FooBox может быть просто решением.

В этой статье мы подробно рассмотрим FooBox, что это такое, что он делает и как работает. В конце концов, вы сможете решить, подходит ли вам этот плагин для лайтбоксов WordPress.

Что отличает FooBox от других?

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

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

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

FooBox: Обзор

FooBox - это адаптивный лайтбокс, предназначенный для работы с фотогалереями. Однако его также можно использовать как автономный лайтбокс. Это дает вам больше гибкости и, в сочетании с некоторыми другими ценными функциями, может помочь вам повысить и отслеживать производительность вашего сайта.

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

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

Как работает FooBox

Плагин работает, открывая определенные элементы на вашем сайте в лайтбоксе или наложении над экраном.

Возьмем для примера фотогалерею. Если вы используете FooBox для открытия миниатюр галереи, то щелчок (или касание) изображения откроет полноразмерную фотографию в лайтбоксе. Вы не уйдете со страницы; коробка просто откроется над страницей.

Использование FooBox с фотогалереей

То же самое будет верно для всего, что вы открывали в лайтбоксе, например видео или HTML. FooBox также упрощает прокрутку элементов и закрытие лайтбокса. Поэтому после того, как вы закончите просмотр изображений или заполните форму, вы можете просто закрыть панель и продолжить с того места, на котором остановились.

Особенности и преимущества

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

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

Особенности FooBox Free

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

Особенности FooBox PRO

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

Одним из основных преимуществ FooBox PRO является то, что вы можете использовать его для отображения видео, HTML, Gravity Forms и так далее. Также имеется поддержка изображений продукта WooCommerce.

Еще одна отличная функция - это социальный обмен, который хорошо сочетается с функцией прямых ссылок. Почему это полезно? Потому что, когда вы открываете элемент в FooBox, у него будет уникальный URL. Совместное использование этого URL-адреса означает, что страница будет открываться со световым окном, отображаемым, когда кто-то нажимает на ссылку, и это позволяет вам поделиться определенным изображением или перенаправить кого-то прямо к видео или форме на вашей странице.

Кроме того, вы можете отслеживать эти акции с помощью встроенной аналитики. Версия PRO позволяет настраивать события Google Analytics, когда изображения или видео отображаются в лайтбоксе или когда кто-то делится ими в социальных сетях.

Использование FooBox

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

Давайте посмотрим на пример. Если вы хотите использовать FooBox для одного изображения, вы должны вставить свое изображение и связать его с медиафайлом. Вы можете увидеть, как это работает, на изображении ниже.

Как включить FooBox для одного изображения

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

FooBox в действии

Примерно так же вы можете использовать FooBox для открытия изображений галереи в лайтбоксе. Например, если вы используете FooGallery, вы выберете FooBox в качестве лайтбокса. Затем, когда посетители нажимают на миниатюры в галерее, полноразмерное изображение открывается в лайтбоксе. Затем вы можете использовать стрелки навигации (или функцию слайд-шоу в Pro) для прокрутки оставшихся изображений галереи.

Использование FooBox для видео, HTML или форм немного сложнее, поскольку предполагает использование базового HTML. Однако есть простые инструкции, которым вы должны следовать в демонстрациях FooBox или в документации.

Настройка FooBox PRO

В PRO-версии есть три темы на выбор: закругленная, плоская и метро. Они предлагают вам некоторую гибкость во внешнем виде вашего лайтбокса, давая вам округлую или квадратную границу. Или, в случае с темой Flat, границы вообще нет.

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

Стилизация FooBox

Ценообразование

Конечно, вы можете использовать FooBox бесплатно. Он доступен на WordPress.org, где вы можете сразу загрузить, установить и использовать.

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

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

Если вы не уверены, что FooBox PRO - правильное решение для вас, мы рекомендуем вам воспользоваться бесплатной пробной версией. Это дает вам 7 дней, чтобы опробовать все профессиональные функции. По окончании пробной версии вы можете либо перейти на PRO, либо просто завершить пробную версию, вернув свою лицензию к бесплатной версии.

За и против

FooBox существует уже давно, но команда FooPlugins постоянно улучшает его. Но есть некоторые плюсы и минусы, которые стоит учесть:

• Это надежный плагин, которым легко пользоваться. Нам также нравится, что здесь практически нет настройки.
• Лайтбоксы адаптивны.
• Если вы ищете простой лайтбокс для своих изображений или галерей, тогда вам подойдет бесплатная версия.
• FooBox PRO обрабатывает видео, Gravity Forms и HTML. Он также включает в себя некоторые полезные функции, такие как совместное использование в социальных сетях, создание прямых ссылок и отслеживание аналитики.
• FooBox работает с многочисленными галереями WordPress, а не только с FooGallery.

Однако, хотя настройка проста, может быть сложно использовать FooBox PRO для отображения HTML и форм. Это в первую очередь потому, что для этого требуются некоторые базовые знания HTML, что может быть сложно для не разработчиков. Команда FooPlugins говорит, что в разработке есть планы сделать это проще в редакторе Gutenberg.

Последние мысли

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

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

Примечание: эта статья была опубликована в сотрудничестве с FooPlugins.