Разбор установки плагина FancyBox

Создано admin . Опубликовано в СайтоСтроение

fancybox

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

Плагин называется — Easy Fancybox, он очень легко устанавливается и первоначально не требует никаких настроек, работает сразу же после активации. После того, как вы активируете плагин, все ссылки на JPG, GIF и PNG изображения, автоматически открываются в отдельном окне.

Fancybox поддерживает:

  • WordPress галереи
  • PDF файлы
  • Изображения JPG, GIF, PNG и др., а также изображения карт
  • Ролики с сайтов, таких как YouTube,  Vimeo и Dailmotion
  • Фреймы (предназначенный для разделения окна браузера на части, в каждой из которых показывается информация с различных источников.)

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

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

фывф

Собственно приступим к самому процессу установки.

Первым делом мы скачиваем нужный нам плагин. Скачать его можно с сайта wordpress.org , или же установить плагин с помощью стандартной базы плагинов WordPress. Я выбрал второй способ (с помощью стандартной базы плагинов),  он наиболее быстрый и простой, поэтому распишу этот пример. Для того, чтобы установить плагин этим методом, его не нужно будет скачивать на ПК. Все, что потребуется – зайти в раздел «Плагины», после чего нажать «Добавить новый».

 фывапро

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

ыфы

Теперь же, чтобы он точно заработал, нужно убедиться, что при загрузке изображения в его свойствах в пункте «Ссылка» было указано «Медиафайл», иначе плагин не заработает (иногда это включено по умолчанию, а в большинстве случаев – нет). Там же можно заменить и заголовок, который будет отображаться внизу окна, при открытии изображения. После проделанных манипуляций плагин уверенно заработает.

вы

Плагин установлен и работает. Теперь я совсем немного расскажу о его настройке.

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

Параметр Overlay задает задний фон при открытии изображения, можно менять цвет и прозрачность. К примеру, черный цвет (#000000 – вписываем в пункт «Color»), а прозрачность меняем от 0 до 1 в пункте «Opacity», соответственно, чем значение больше, тем менее прозрачный становится фон, при установке значения 1, фон абсолютно непрозрачен.

Параметр Window, здесь мы видоизменяем само окно, в котором открывается изображения. Background color – цвет фона

Opacity – прозрачность

Border – рамка.

Также можно изменить ширину, высоту и саму рамку, по умолчанию же стоят значения 560х340х10 (порядок соблюден).

Behavior – так сказать поведение. Здесь я бы не советовал что-либо менять, кроме скорости открытия и закрытия окна (Opening speed и Closing speed), по умолчанию уставнолено значение 300.

Параметр Image. Autodetect  – перечислены форматы изображений, которые будут работать с плагином, можно добавить свои.

Пункт Behavior я не советовал бы изменять, настроено все как можно лучше.

Show tittle – это подпись изображения, можно убрать или же оставить.

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

До скорых встреч, успехов! Эдуард Тихонов

Похожие материалы:

Понравилась статья? - поделитесь ею со своими друзьями!

Хотите Быть В Курсе Всех Новинок Сайта?!

Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:

Ваш E-Mail в безопасности

Есть что сказать? - Комментируй!

Комментарии Facebook

Комментариев (1)

А Вы что думаете?