Fancybox for wordpress: Fancybox for WordPress – красивые изображения и функциональный контент одним щелчком мыши

Критическая уязвимость в популярном плагине FancyBox for WordPress

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

Сайт содержит вредоносный код

Начали исследовать, смотреть. Google Webmaster Tools показал кусок JavaScript кода который вставляет элемент подгрузки сторонней страницы — iframe. Код выглядит примерно вот так:

if (navigator.userAgent.match(/ msie /i)) { doc​ument. write ('...') ...

Домен замечен был 203koko в еврозоне, но могут быть и другие. Вредоносного кода сразу найти не удалось, сам сайт ничего не показывал, как будто ничего не было. «Поковырявшись» еще несколько часов пытаясь вызвать показ букашки, был замечен свежая публикация на форумах WordPress.org. Узнав заветный «203koko» стали собираться всё больше и больше людей, попавших в схожую ситуацию.

Спустя час обсуждения стало понятно, что объединяет нас один общий плагин под названием FancyBox for WordPress.

Плагин выводит фотогалереи и другой контент в модальных окнах. Очень популярный плагин, более 500,000 скачиваний (+ 1000 скачиваний в неделю), но очень старый.

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

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

Было решено тогда разобраться, как он туда мог попасть, и вскоре мы обнаружили уязвимость в функции сохранения настроек. Любой мог просто сохранить опции для плагина FancyBox for WordPress, включая опцию дополнительного вывода и содержания. Именно так туда и попал вредоносный код, а спустя некоторое время исчез. Возможно атакующие потихоньку лишь испытывали воды этой уязвимости прежде чем массово эксплуатировать.

Данный вид атаки называется хранимым межсайтовым скриптингом (Persistent XSS). Уязвимость является одной из самых распространенных.

Если у вас на сайтах используется FancyBox for WordPress (fancybox-for-wordpress) немедленно деактивируйте его. Плагин был скрыт из директории WordPress.org. Заметьте, что плагин не обновлялся 3 года, и хоть исправление уже существует и будет вскоре опубликовано, мы все равно не советуем продолжать пользоваться данным плагином.

Обновление: автор выложил два обновления к плагину FancyBox for WordPress. Первое (3.0.3) устраняет уязвимость в плагине, и второе (3.0.4) переименовывает ранее уязвимую опцию, что позволяет скрыть вставленный вредоносный код на уже зараженных сайтах. Если вы используете FancyBox for WordPress, рекомендуем обновиться до последней версии немедленно. Сделать это можно в панели администрирования WordPress в разделе Консоль → Обновления, или скачать новый дистрибутив плагина с сайта WordPress.org.

Также рекомендуем провести тщательный осмотр вашего хостинг-сервера на следы пребывания посторонних лиц.

За все время пока данный плагин был уязвимым (около 3-х лет), злоумышленник мог получить полный доступ к вашему сайту, узнать ваш пароль, оставить бэкдор и т.д.

Чтобы обезопасить себя не забудьте скачать нашу бесплатную электронную книгу о безопасности в WordPress.

Будьте бдительными и удачи вам!

Геннадий Ковшенин

05.02.201505.02.2015

Фрилансер. Фанат WordPress и нестандартных его применений. Совсем не боится C и даже ассемблерного кода. Держится подальше от всего, что касается графического дизайна. Спортсмен, любитель чая.

Подписаться на рассылку

Подписаться → Подпишитесь на бесплатную рассылку журнала WP Magazine и получайте новости, события, подборки тем и плагинов, уроки, советы и многое другое в мире WordPress!

Плагин FancyBox for WordPress | Записки вебмастера

Привет уважаемым читателям. Данная статья будет посвящена одному из самых популярных плагинов для вывода изображений  — Fancybox for WordPress. Вообще говоря, подобных плагинов существует целое семейство. FancyBox, Easy FancyBox, Lightbox Plus ColorBox, Lightbox Evolution и прочие, как премиум так и бесплатные. Мы наверняка, еще в будущем, подробно рассмотрим некоторые из них.

Итак, разговор пойдет о бесплатном, очень популярном, достаточно хорошо и понятно настраиваемым плагине для эффектного вывода изображений на страницах вашего сайта. Плагин использует jQuery и не требует вставки никаких дополнительных кодов, а начинает работать автоматически сразу после активации. То есть вам будет достаточно кликнуть на любое изображение вставленное вами на странице и увидеть как плагин тут же эффектно его увеличит и откроет в новом окне. Текущая версия плагина на момент обзора — 3.0.2.

Установка и активация ничем не отличаются от большинства прочих плагинов загружаемых wordpress.org. После активации плагина ищем в админке — Параметры — Fancybox for WordPress. Попадаем на страницу настроек, имеющую десять вкладок в верхней части первой страницы. Не пугайтесь их количества. Важных для вас — всего три.

Для большинства настроек предусмотрены стандартные чекбоксы типа default: on/off. В некоторых случаях они по умолчанию включены или выключены.

Info

Информация о разработчиках и общие рекомендации по плагину Fancybox for WordPress.

Appearance

Border — настройка цвета и включение (по умолчанию выключена) рамки выводимых изображений. Close Button — настройка кнопки закрывания окна с изображением, ее положения (верху, внизу, слева, справа) и цвет для внутреннего отступа. Overlay Options — настройка (цвет и прозрачность) затемняющего, заднего фона во время вывода изображения. Title — заголовок и настройка его цвета и места вывода относительно картинки. Navigation Arrows — показ стрелок навигации (перелистывания).

Animation

Zoom Options — настройка скорости анимации и прозрачности выводимых картинок. Transition Type — тип (затухание или растягивание) используемых эффектов при закрытии и открытии изображения. Easing — подробный выбор одного из множества типов шаблонов для эффектов.

Behavior

Auto Resize to Fit  — автоматически растягивать изображение под размер экрана. Center on Scroll — центрировать картинку в центре экрана. Close on Content Click — закрытие картинки кликом в любом месте на ней. Close on Overlay Click — закрытие картинки кликом по фону. Close with «Esc» — закрывать картинку нажатием соответствующей клавиши на клавиатуре. Cyclic Galleries — зациклить показ картинок по кругу в рамках одной галереи. Mouse Wheel Navigation — листать картинки в галерее колесиком мыши.

Gallery

Gallery Type — выбираем один из способов показа галерей. По умолчанию выбран первый — прокрутка галереи всех изображений в одном посте. То есть, если у вас в одной записи присутствуют несколько изображений, то открыв любой из них вы можете листая, просмотреть и все остальные. Другие три пункта — для более тонкой настройки вывода изображений в галереях. Рекомендую оставить первый пункт.

Miscellaneuos

Dimensions — Автоопределение размеров и ручная настройка размера для выводимых изображений. Load JavaScript in Footer — дополнительная настройка для использования с плагином Parallel Load. Callbacks — включение функции обратного вызова.

Extra Calls

Здесь вы можете добавить вызовы FancyBox, с дополнительными настройками. Для получения информации используйте API FancyBox.

Troubleshooting

[wp-pic type=»plugin» slug=»fancybox-for-wordpress» align=»right» ]

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

Support

Поддержка плагина. Автор отсылает всех к FAQ на официальной странице плагина. Или просит отправлять ему сообщения о проблемах с указанием сайта и подробным описанием.

Uninstall

Для полного удаления всех следов плагина из таблиц данных WordPress используйте чекбокс на этой странице.

Самые необходимые настройки плагина Fancybox for WordPress как видите, собраны во вкладках Appearance, Animation и Behavior. Кстати, именно с помощью них можно добиться соответствия визуального оформления изображений с общим дизайном вашего сайта.
Остальные настройки автор рекомендует еще на странице Info, не трогать без особой необходимости и хорошего понимания своих действий.

---

Связанные посты:

• Плагин Resize Image After Upload
• Применяем рубрики, метки и произвольные таксономии к медиа файлам
• Как удaлить неиспользуемые картинки в WordPress?
• Изменить папку загрузки картинок в WordPress
• Kama Thumbnail
• Плагин Cache Images для сохранения картинок с других сайтов

---

Метки: Картинки

WordPress fancybox — Плагин WordPress

• Детали
• отзывов
• Монтаж
• Развитие

Опора

Плагин

WordPress fancybox добавляет эффект лайтбокса fancybox на ваш сайт WordPress.

Лайтбокс отлично смотрится как на десктопе, так и на мобильных устройствах.

Особенности WP fancybox

• Адаптивное всплывающее окно лайтбокса с использованием fancybox
• Разработан с учетом подхода, ориентированного прежде всего на мобильные устройства, поэтому отлично смотрится на настольных, мобильных и планшетных устройствах
• Быстрая и простая установка
• Поддержка распространенных сенсорных жестов, таких как двойное касание, сведение и разведение пальцев (для просмотра изображений), горизонтальное смахивание для навигации и т. д.
• Открыть всплывающее окно лайтбокса по текстовой ссылке или по ссылке миниатюрного изображения
• Совместимость с мультисайтом WordPress
• Автоматическое распознавание популярных видеосайтов, таких как YouTube, Vimeo, для удобного просмотра в лайтбоксе
• Поддержка анимации с аппаратным ускорением для повышения производительности
• Используйте простой шорткод в любом месте вашего сайта (публикация, страница, домашняя страница и т. д.), чтобы всплывать содержимое в лайтбоксе
• Графика, включая значки загрузки, создается с помощью CSS, чтобы сделать ее легкой
• Настройте визуальные эффекты и макет с помощью CSS

Как использовать WP fancybox

Изображение в лайтбоксе

Создайте новый пост/страницу и используйте следующий шорткод для создания текстовой/изображенной ссылки, которая откроет лайтбокс после нажатия:

 [wp_fancybox_media url="https: //example.com/wp-content/uploads/images/overlay.jpg" hyperlink="нажмите здесь, чтобы открыть изображение"]
 

здесь URL — это ссылка на медиафайл, который вы хотите открыть в лайтбоксе, а гиперссылка — это якорный текст/изображение.

 [wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" гиперссылка="https://example.com/wp-content/uploads/images/thumb.jpg" ]
 

Видео YouTube в лайтбоксе

 [wp_fancybox_media url="https://www. youtube.com/watch?v=Vpg9yizPP_g" hyperlink="нажмите здесь, чтобы открыть видео YouTube"]
 

Видео Vimeo в лайтбоксе

 [wp_fancybox_media url="https://vimeo.com/1084537" hyperlink="нажмите здесь, чтобы открыть видео Vimeo"]
 

Подпись в лайтбоксе

 [wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" caption="overlay image" hyperlink="нажмите здесь, чтобы открыть изображение" ]
 

Альтернативный текст для изображения

 [wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" caption="overlay image" hyperlink="https://example .com/wp-content/uploads/images/thumb.jpg" alt="Описание эскиза изображения"]
 

Пользовательский CSS

Вы можете указать свой собственный класс CSS в шорткоде, чтобы настроить ссылку на текст/изображение.

 [wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="нажмите здесь, чтобы открыть видео на YouTube"]
 

Несколько классов CSS можно разделить пробелом.

Например:

 [wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="щелкните здесь, чтобы открыть видео на YouTube"]
 

Для получения подробной документации посетите страницу 9 плагина WP fancybox.0013

• Всплывающее окно с изображением в лайтбоксе
• Демонстрация видео YouTube в лайтбоксе
• Демонстрация видео Vimeo в лайтбоксе

1. Перейдите на экран «Добавить новые плагины» в панели управления WordPress
2. Перейдите на вкладку загрузки
3. Найдите файл плагина (wp-fancybox.zip) на своем компьютере
4. Нажмите «Установить сейчас», а затем нажмите кнопку активации

Можно ли использовать этот плагин для открытия изображения в лайтбоксе?

Да.

Могу ли я использовать этот плагин для открытия видео YouTube в лайтбоксе?

Да.

Могу ли я использовать этот плагин для открытия видео Vimeo в лайтбоксе?

Да.

На сегодняшний день это лучший лайтбокс fancyBox для мобильных устройств. Большое спасибо за этот плагин и продолжайте в том же духе.

Здравствуйте. Спасибо за разработку плагина. Мне нравится этот плагин. Кажется, он отлично работает с шорткодами, представленными на странице плагина WP. Интерфейс дисплея привлекателен, а подписи отображаются в левом нижнем углу наложения. Личный опыт: он отлично работал в моем настольном браузере Win 10 Chrome и на планшете Android.

Прочитать все 3 отзыва

«WordPress fancybox» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

Авторы

• Нур Алам

1.0.3

• Обновлено до fancybox 4.

1.0.2

• Сделаны некоторые улучшения безопасности в плагине
• Обновлен fancybox до версии 3.5.7

1.0.1

• Первая фиксация

Служба поддержки

Проблемы, решенные за последние два месяца:

0 из 1

Посмотреть форум поддержки

Пожертвовать

Хотите поддержать продвижение этого плагина?

Пожертвовать этому плагину

FancyBox для WordPress для WordPress

FancyBox для WordPress для WordPress

Discover

/

WordPress

/

FancyBox для WordPress

Quick & Easy

Найдите лучшие плагины WordPress для вас

Common Ninja предлагает большой выбор мощных плагинов WordPress, которые просты в использовании, полностью настраиваются, подходят для мобильных устройств и имеют множество функций — так что обязательно ознакомьтесь с ними ! 100017

Плагины перевода для WordPress

Чат

Плагины чата для WordPress

Slider

Плагины слайдера для WordPress

Отзывы

Обзоры плагинов для WordPress

Contact

Contact плагины для WordPress

Галереи

Галереи плагины для WordPress

SEO

SEO-плагины для WordPress

Forms

Forms плагины для WordPress

Комментарии

Плагины комментариев для WordPress

Плагины резервного копирования

Плагины резервного копирования для WordPress

Конфиденциальность

Плагины конфиденциальности для WordPress

Оптимизация

Плагины оптимизации для WordPress

9 0016 Вкладки

Плагины вкладок для WordPress

Социальный обмен

Социальный обмен плагины для WordPress

календарь событий

плагины календаря событий для WordPress

комментарии

комментарии плагины для WordPress

Social Feeds

Плагины Social Feeds для WordPress

Social Sharing

Плагины Social Sharing для WordPress

Портфолио

Плагины портфолио для WordPress

Video Player 9 0017

Плагины видеоплеера для WordPress

всплывающие окна

всплывающие плагины для WordPress

SiteMap

Плагины SiteMap для WordPress

Payment

Платежные плагины для WordPress

Скоро

Скоро появятся плагины для WordPress

Inventory

Inventory плагины для WordPress

Testimonials

Testimonials plugins для WordPress

Portfolio

Portfolio plugin s для WordPress

Membership

Плагины Membership для WordPress

Forms

Плагины для форм для WordPress

Аналитика

Плагины аналитики для WordPress

Календарь событий

Плагины календаря событий для WordPress

Sliders

Sliders plugins for WordPress

Analytics

Analytics plugins for WordPress

Reviews

Reviews plugins for WordPress

Security

Security Плагины для WordPress

Ads

Плагины Ads для WordPress

Music Player

Плагины музыкального проигрывателя для WordPress

Плагины обратного отсчета

Плагины обратного отсчета для WordPress

Маркетинг по электронной почте

Плагины для маркетинга по электронной почте для WordPress

Членство

Плагины членства для WordPress

Электронная торговля

Плагины электронной торговли для WordPress

Служба поддержки

Плагины службы поддержки для WordPress

Видеоплеер

900 12 плагинов видеоплеера для WordPress

Tabs

плагинов Tabs для WordPress

Social Feeds

Плагины Social Feeds для WordPress

Common Ninja Apps

Одни из лучших плагинов Common Ninja для WordPress

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

Lottie Player

Добавьте потрясающие визуальные эффекты на свой сайт и создайте лучший пользовательский опыт

Список навыков

Увеличьте свои шансы на получение работы с помощью приложения Skills List

Карусель изображений

Улучшите дизайн своего сайта и привлеките внимание Потрясающий Изображения

Цитаты Карусель

Визуально улучшите свой веб-сайт и привлеките внимание вдохновляющими цитатами

Галерея изображений

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

Визуально улучшите свой веб-сайт и привлеките внимание потрясающей креативной карточкой

Отзывы Tripadvisor

Повысьте доверие и доверие, чтобы увеличить продажи

Объявления

Держите клиентов в курсе и повышайте конверсию с помощью виджета «Обновления и объявления»

Панель уведомлений

Уведомляйте пользователей, поощряйте действия и значительно повышайте конверсию.