Обзор плагина Easy Fancybox для WordPress — настройка, функции, хаки
Ранее я рассматривал внедрение лайтбокса в родной галерее WordPress, доступной в системе по умолчанию. Там упоминается дополнительный модуль Lightbox 2, что уже более 3-х лет не обновляется, поэтому пришлось позаботиться об альтернативе. Хороший вариант, с которым чаще всего доводилось сталкиваться — плагин Easy FancyBox. Он имеет более 300тыс. скачиваний, постоянно дорабатывается и не конфликтует с другими решениями (что немаловажно). Короче говоря, за пару последних лет меня не подводил. Не зря он числится в лучших плагинах картинок в WP.
Как вы уже поняли, основная функция модуля — реализация всплывающего лайтбокса для всех медиафайлов в вашем веб-проекте. Он является модификацией традиционного скрипта FancyBox jQuery и обладает множеством полезных опций. Сразу после активации все PNG, JPG и GIF картинки начнут автоматически открываться во всплывающем окне с Lightbox эффектом (если только не указаны другие параметры).
Возможности Easy Fancybox в WordPress
- кроме базовой графики доступны форматы Webp и SVG;
- во всплывающем окне разрешается отображать видео с Vimeo, Youtube, Dailmotion;
- поддерживает PDF и Flash файлы;
- может работать с обычным HTML кодом и содержимым внешних страниц;
- совместим с базовой галереей Вордпресс, а также NextGEN;
- у вас не возникнет проблем с Imagemap’ами, бесконечным скроллом Jetpack и при задании лайтбокса пунктам меню;
- про автоматическую обработку картинок уже упоминалось выше;
- из доп.фишек есть автосрабатывание попапа при загрузке страниц веб-ресурса;
- допускается использование как модальное окно для Contact Form 7 — альтернативу Easy Modal (инструкция в описании в репозитории);
- в настройках можно выбрать эффекты открытия, цвет и прозрачной оверлея и некоторые другие визуальные параметры.
Для плагина Fancybox имеется премиальная версия за 12 баксов + последующей подпиской по 4 бакса в год. Из про фишек выделяются: дополнительные опции оформления и автосрабатывания попапа, эффекты слайдшоу, показ заголовка при наведении и т.п. Если вам хочется расширить базовые функции, почитайте об этом детальнее. Мне лично бесплатной версии хватает с головой.
Также на официальной странице модуля есть парочка вариантов почему не работает Fancybox в WordPress, это могут быть:
- конфликты с аналогичными похожими решениями;
- отсутствие wp_footer() в футере;
- некоторые проблемы с плагинами: All in One SEO Pack, jQuery Updater, а также Google Analytics на WordPress и парочка других;
- конфликты с шаблонами — часто в премиальных есть свой скрипт для подобного эффекта (ниже рассмотрю эту ситуацию);
Кроме того, в репозитории на wordpress.org есть чеклист как проверить потенциальные ошибки и какие шаги нужно совершить дабы их исправить. Это одно из немногих расширений, где так много времени уделено возможным проблемам и причинам некорректного функционирования. Если у вас что-то подобное случилось, советую ознакомиться.
Установка и настройка Easy Fancybox
Процесс установки стандартный — скачиваете вручную отсюда или активируете через админку. Лайтбокс сразу подключится в имеющиеся на сайте картинки и галереи (открытие ссылок изображений должно быть установлено как медиафайлы).
Все доступные для правки параметры находятся в разделе «Настройки» — «Медиафайлы» под основным контентом.
Здесь есть несколько подпунктов:
- Media — выбор типов файлов, с которыми модуль будет срабатывать.
- Наложение — цвет/прозрачность и вывод оверлея (затемнения фона).
- Окно — рамка, заголовок, кнопка закрытия и параметры поведения окна.
- Miscellaneous (разное) — автоматический попал и опции совместимости с темами/плагинами.
- Images — задается расширения изображений для срабатывания, некоторые фишки оформления и галереи.
В общем, советую мельком просмотреть все опции дабы знать, что там есть. Если честно, в большинстве случае я ничего здесь не меняю — по умолчанию все отлично работает. Возле некоторых пунктов есть ссылки по типу «More options», свидетельствующие о существующих доп.возможностях в премиальной версии.
Интересные дополнительные хаки
Много интересно найдете в официальном описании плагина Easy Fancybox — прокрутите контент до раздела FAQ. Там есть про вызов PDF, открытие контактной формы, обычного модального окна, Youtube видео и т.п.
Отключаем скрипт на странице
В одном из премиум шаблонов с которым работал, был предусмотрен внутренний механизм лайтбокс, поэтому во избежание конфликтов нужно было чтобы Fancybox грузился только в определенной месте сайта.
Это реализуется через следующий код в файле функций темы (functions.php):
add_action( 'wp_enqueue_scripts', 'my_conditional_fancybox', 0 ); function my_conditional_fancybox() { if ( !is_page_template('page-menu.php') ) { if ( class_exists('easyFancyBox') ) easyFancyBox::$add_scripts = false; } } |
Здесь выполняется проверка !is_page_template(‘page-menu.php’) с отдельным шаблоном страниц, но вы можете использовать любые другие условные операторы — is_single, is_home, is_category и т.п. Установка переменной в значение False отключает модуль.
Итого. Плагин Fancybox в Вордпресс я ставлю практически всегда, когда нужно добавить простой лайтбокс на картинки и галерею. Он работает сходу после установки, как правило, не конфликтует с другими скриптами, имеет пару-тройку настроек и регулярно обновляется. Больше, в принципе, от него ничего и не нужно.
Кстати, если юзаете другие решения по данной задаче — напишите, интересно попробовать еще что-то.
комментариев 8 к статье “Обзор плагина Easy Fancybox для WordPress — настройка, функции, хаки”
Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!
Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:
- Як сховати відсутні товари в Woocommerce шорткодах та схожих товарах
- Сервіс AdMaven + плагін для монетизації трафіка на WordPress сайтах
- Плагіни для створення стрічки новин з біжучим рядком в WordPress
- Як змінити розміщення кнопки оформлення замовлення в WooCommerce
- Плагін WHWS Display In Stock Products First – відображення товарів в наявності першими
- Підписка MonsterONE: чи варто використовувати цей сервіс у 2023 році? (+5 продуктів, які треба скачати в першу чергу)
- Онлайн генератор ссылок на мессенджеры для WordPress и не только
- WooCommerce (46)
- Безопасность (12)
- Видео (6)
- Виджеты (28)
- Возможности (141)
- Вопрос-ответ (6)
- Начинающим (52)
- Новости (46)
- Оптимизация (23)
- Плагины (246)
- Сервисы (87)
- Хаки и секреты (87)
- Шаблоны (45)
- Плагин WP-PostRatings рейтинга постов в WordPress (5,79 из 7, голосов - 934)
- 5 wordpress плагинов для кнопок социальных закладок (5,24 из 7, голосов - 42)
- Кэширование в wordpress — выбираем лучший плагин для кэширования (5,63 из 7, голосов - 35)
- 50+ лучших плагинов для WordPress сайта (5,71 из 7, голосов - 34)
- Лучшие плагины картинок в WordPress — галереи, слайдеры, для миниатюр и т.п. (6,07 из 7, голосов - 30)
- Лучшие плагины статистики в WordPress — просмотр посещаемости сайта и не только (4,65 из 7, голосов - 37)
- Обновление плагинов и тем в WordPress: автоматическое, через FTP, скрытие уведомлений (5,19 из 7, голосов - 31)
- Дизайн Мания - о веб-дизайне и не только.
- Tod's Blog - все про заработок онлайн.
- Вебдванольные заметки - обзоры веб-сервисов.
- Советы по выбору холодильника LG с технологией No Frost
- Зачем нужны Wi-Fi ретрансляторы и как выбрать подходящую модель
- Введение в онлайн-казино Slotor777: многообразие игр и привлекательные бонусы
- Необходимость использования облачного хранилища в наше время, что важно и как выгодно?
- Спрощення процесу звітності за допомогою програми BAS Бухгалтерія
- Технологія підключення інтернету GPON та її переваги
- За що гравці найбільше цінують Lineage 2
- Для каких проектов нужна аренда виртуального сервера и что такое VPS
Хороший модуль, уже сколько лет исправно работает.. разработчики красавчики)
Lizzy, не могу не согласиться.
Всё сделала — результат ноль. functions.php изменила. Толку нет. Окно не всплывает. Хотя я в index.php прописала авто-вслывание этого окна фансибокс, а еще (в разделе контакты у меня получилось-то вставить в режиме редактора) после заполнения формы, она не отправляется, всё перерыла, формы несколько раз создавала, всё без толку. 4-ый день вожусь((((( Спасите!!!
Алена, не совсем понял про functions.php, т.к. для работы модуля никакие правки делать не нужно — установили и все ок. Как бы я искал ошибку на вашем месте — традиционно меняем тему на базовую и смотрим как работает.. если без изменений, то затем отключаем постепенно другие плагины. Плагин Easy Fancybox для картинок должен срабатывать в любом случае.
Если нужно именно модально окно для формы, то был вариант с Easy Modal, но там тоже возможны глюки, поэтому я бы еще проверил Popup Maker. Рассмотренный модуль в текущей статья больше для картинок пригодится, не смотря на то, что там в описании есть и другие опции.
Алена, только заметил, что у них на официальном сайте есть какое-то описание темы с модальным окномным окном + можно погуглить. Повторюсь, конкретно с этим модулем фишку я не реализовывал.
Помогите пожалуйста решить проблему, этот плагин у меня был изначально — но не работает должным образом, фотки не увеличивает ну ни как, перебрал уже все плагины и ни один не увеличил фотку, все размеры перепробовал, ничего — ни какой реакции при клике на фотку, в чём беда не пойму (((
Игорь, есть несколько возможных проблем: 1) конфликт с остальными модулями, т.к. там используется JavaScript и он может конфликовать с другими решениями (у меня такой разок было) — попробуйте отключить все плагины и затестить этот. Также можно попробовать его со стандартной темой, а не своей. 2) У фоток точно есть ссылки для увеличения в HTML? (возможно, они как-то слетели). 3) К сожалению, со временем модули могут переставать работать, поэтому можно поискать актуальный в репозитории плагинов по ключевику Lightbox.
Можно ли из этого сделать сбор куков и уведомление о них?