Авг
9
2

Обзор плагина Easy Fancybox для WordPress — настройка, функции, хаки

Easy FancyboxРанее я рассматривал внедрение лайтбокса в родной галерее 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 (инструкция в описании в репозитории);
  • в настройках можно выбрать эффекты открытия, цвет и прозрачной оверлея и некоторые другие визуальные параметры.

Картинки Easy Fancybox в WordPress

Для плагина Fancybox имеется премиальная версия за 12 баксов + последующей подпиской по 4 бакса в год. Из про фишек выделяются: дополнительные опции оформления и автосрабатывания попапа, эффекты слайдшоу, показ заголовка при наведении и т.п. Если вам хочется расширить базовые функции, почитайте об этом детальнее. Мне лично бесплатной версии хватает с головой.

Также на официальной странице модуля есть парочка вариантов почему не работает Fancybox в WordPress, это могут быть:

  • конфликты с аналогичными похожими решениями;
  • отсутствие wp_footer() в футере;
  • некоторые проблемы с плагинами: All in One SEO Pack, jQuery Updater, а также Google Analytics на WordPress и парочка других;
  • конфликты с шаблонами — часто в премиальных есть свой скрипт для подобного эффекта (ниже рассмотрю эту ситуацию);

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

Установка и настройка Easy Fancybox

Процесс установки стандартный — скачиваете вручную отсюда или активируете через админку. Лайтбокс сразу подключится в имеющиеся на сайте картинки и галереи (открытие ссылок изображений должно быть установлено как медиафайлы).

Галерея с Easy Fancybox

Все доступные для правки параметры находятся в разделе «Настройки» — «Медиафайлы» под основным контентом.

Настройки Easy Fancybox в WordPress

Здесь есть несколько подпунктов:

  • 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 в Вордпресс я ставлю практически всегда, когда нужно добавить простой лайтбокс на картинки и галерею. Он работает сходу после установки, как правило, не конфликтует с другими скриптами, имеет пару-тройку настроек и регулярно обновляется. Больше, в принципе, от него ничего и не нужно.

Кстати, если юзаете другие решения по данной задаче — напишите, интересно попробовать еще что-то.

рейтинг Оцените статью:
Ужасная статьяНичего интересногоТак себеНормальноХорошоКлассный постВ закладки!
(Пока без рейтинга, оцените первым!)  
Загрузка...

категория Категории: Плагины;
теги Теги: , , , , , , .

комментария 2 к статье “Обзор плагина Easy Fancybox для WordPress — настройка, функции, хаки”

  • Lizzy   12.08.2018

    Хороший модуль, уже сколько лет исправно работает.. разработчики красавчики)

  • Tod   12.08.2018

    Lizzy, не могу не согласиться.

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


Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:

Поиск:
Последние посты
Заработай в GoGetLinks
Лучшее в категории
Облако тегов
Скажи свое мнение!

В чем основные плюсы Wordpress?

Посмотреть результаты

Загрузка ... Загрузка ...
Друзья проекта
Последние новости