Главная » Wordpress » Плагин FancyBox для вывода сплывающих изображений в WordPress

Плагин FancyBox для вывода сплывающих изображений в WordPress

Наверняка вы не раз сталкивались с потребностью увеличения фотографий, да так, чтобы они еще и выводились в сплывающем окне, да с разными эффектами. В сегодняшней статье я предлагаю вам, ознакомится с плагином – FancyBox, который без проблем справится с этой задачей.

Я часто сталкиваюсь с этим скриптом для увеличения картинок, причем не только при работе с WordPress, но и при работе с другими CMS или же с сайтами на чистом html. Что еще раз доказывает его популярность.

Самое приятное в том, что он очень прост в установке и настройке.

Давайте установим его. Для этого переходив в раздел административной панели – «Плагины» — «Добавить новый».

В строке поиска вбиваем – «FancyBox for WordPress» и выбираем установить. После этого активируем плагин и переходим в меню его настройки, а именно – «Настройки» — «FancyBox for WordPress» .

fancybox

Этот плагин имеет огромное количество настроек, которые объяснять нет смысла, они прекрасно настроены и функционируют. Я не буду отнимать ваше время и сконцентрируюсь на самых базовых настройках. Давайте перейдем во вкладку «Appearance».

fancybox1

Border  — цвет внешней обводки окна, в котором выводится изображение.

Padding — размер и цвет поля вокруг самого изображения

Overlay Options — настройки затемнения фона. ВЫ можете выставить значение от 0 до 1. При 0 вы получите прозрачный фон, а при значении 1 полностью затемненный.

Title — этот параметр отвечает за вывод подписи изображения. Очень полезная вещь.

Navigation Arrows – кнопки навигации. Если вы хотите чтобы они отображались, поставьте галочку.

Также, при желании, вы можете проиграться с настройками эффектов отображения картинок при увеличении. Тут включите полет фантазии и настройте плагин FancyBox под собственные задачи. Настраивается все это во вкладке «Animations».

fancybox2

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *