Fancybox for wordpress настройка плагина

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

плагин fancybox for wordpress

Fancybox for wordpress плагин увеличения картинок и управление галереей

Размещая изображения на веб-сайте скорее обращали внимание, что «габаритные» картинки установленный шаблон сжимает, что влечёт за собой потерю качества. Мелкие шрифт и детали не всегда можно разобрать. В настройках отображения можно указать вывод картинки в отдельной вкладке, или на этой же странице сайта. Это может привести к появлению дублей, да и пользователю не совсем удобно. Fancybox for wordpress открывает изображение на этой странице поверх остального контента.

Fancybox for wordpress настройка плагина

Установить и активировать Fancybox for wordpress надо стандартным способом. Если забыли как, прочитайте статью «Как установить плагин wordpress». Чтобы работа Fancybox применялась к картинке надо во время загрузки или к уже загруженному файлу в Настройках отображения файла в пункте Ссылка указать ⇒ Медиафайл.

После активации появится раздел — Fancybox for wordpress.Fancybox for wordpress активация плагина

После перехода в раздел откроется окно с вкладками для редактирования различных параметров.Fancybox for WordPress настройка плагина

Плагин не русифицирован, на английском языке, но практически всё понятно и так. Сейчас предоставлю перевод всех настроек.

  • Info. Вкладка информации о разработчиках. Авторы уточняют, что установленная базовая настройка плагина достаточно привлекательна. В примечаниях обращают внимание, что для вступления изменений в силу надо очистить кэш.
  • Appearance. Настраивание внешнего вида всплывающих окон.
    • Border — отображение рамки вокруг всплывающего окна, да/нет. Если Да — указываете цвет в формате HTML.
    • Close button — кнопка закрытия. Подбираете положение крестика.
    • Padding — настраивается толщина отступа и цвет от модального окна до иллюстрации.
    • Overlay Options — прозрачность заднего фона. Коэффициент от 0 до 1. При отметке 1 контент на заднем фоне отображаться не будет совсем.
    • Title — название медиафайла. При включенном чек-боксе название будет показываться в выбранном положении. Inside ⇒ внутри, Outside ⇒ снаружи, Over ⇒ поверх.
    • Navigation Arrows — стрелки навигации. Выводить либо нет.

Обязательно сохраняйте выбранные изменения.

  • Animations — наладка эффектов открытия и закрытия Fancybox.
    • Zoom Options — отмеченный чек-бокс ⇒ преобразование прозрачности содержимого во время масштабирования анимации. Настраивается скорость трансфокации.
    • Transitions Type — тип эффекта при появлении изображении. Предлагается три варианта: fade — увядающий, elastic — эластичный, none — без эффектов.
    • Easing — при активации будет дополнительно подключен java-скрипт. Множество настроек протекания открытия/закрытия окна, переключения изображений в галерее.
  • Behaviour — регулирование поведения всплывающего окна. Авторы предупреждают, что без знаний лучше не вмешиваться.
    • Auto Resize to Fit — автоматическая подгонка размера. Масштабирование изображения зависит от окна просмотра.
    • Center on Scroll — центр при прокрутке. Если посетитель скролит страницу всплывающее окно остаётся в центре браузера. Отключив функцию — уйдёт вниз.
    • Close on Content Click — свернуть при клике. FancyBox закроется при клике мышкой по содержимому.
    • Close on Overlay Click — закрыть кликнув на окружение. Модальное окно закроется при клике на пространство, облегающее картинку.
    • Close with «Esc» — закрыть с ESC. Окно закроется нажатием кнопки Escape (ESC).
    • Cyclic Galleries — циклические галереи. После вывода последней картинки можно перейти к первой, а не возвращаться обратно.
    • Mouse Wheel Navigation — навигация с помощью колеса мыши. Возможность управлять галереей колёсиком мыши.
  • Galleries — управление галереей.
    • Make a gallery for all images on the page (default) — отметив данную опцию все картинки на странице FancyBox объединит в галерею и их можно просматривать в модальном пролистывая.
    • Do not group images in gallery automatically (use this if you want to make galleries manually with the rel attribute — связывает рисунки в галерею вручную, используя атрибут REL.

    Пример. В статье размещены картинки различающиеся по тематике и смыслу. Выводить их в одной галерее не желаете. Вручную можно настроить вывод в разных. Для осуществления этой цели активируйте чек-бокс Do not group images in gallery automatically. Открываете запись в визуальном редакторе во вкладке Текст, группе изображений которые хотите объединить в одну галерею присвойте атрибут rel с одним значением, допустим rel=»galer1″, другой rel=»galer2″, и так далее. Атрибут присваиваете ссылкам.

    вывод галереи fancybox for wordpress

    • Make a gallery for each post (will only work if your theme uses class = «post» on each post, which is common in WordPress) — активировав функцию FancyBox For WordPress сформирует галерею каждой записи, если в шаблоне Вордпресс применяется класс «post».
    • Use a custom expression to apply FancyBox — применение пользовательского соглашения FancyBox, если не устраивают базовые настройки. Эта опция для продвинутых пользователей, считаю лучше её не активировать. Fancybox for wordpress настройка плагина основных разделов достаточна чтобы выбрать подходящий вариант.

Следующие два раздела для продвинутых пользователей.

  • Miscellaneous — другие настройки. Автоматическое определение размеров, работает только с Ajax.
  • Extra Calls — дополнительные вызовы FancyBox. Здесь можно добавить множество дополнительных вызовов FancyBox с различными настройками. Например, если хотите использовать FancyBox с фреймами или AJAX на какой-либо конкретной ссылке, можете настроить эти вызовы здесь, не влияя на параметры изображений.
  • Troubleshooting — устранение неисправностей. Разработчики обращают внимание, что изменения в этом разделе стоит делать, только если возникли проблемы с работой Fancybox for wordpress.
    Авторы рекомендуют проверить совместимость с другими расширениями как Lightbox, Slimbox и подобными поочерёдно деактивируя по одному и проверяя. Также надо очистить кэш для проверки изменения параметров.
  • Support — служба поддержки. Даны ссылки на страницы вопросы, группу Fancybox в Google, форум поддержки и ответы на задаваемые вопросы другими пользователями.
  • Uninstall — удаление. Как и другие расширения, Fancybox for wordpress хранит свои настройки в таблице базы данных WordPress. Чтобы полностью удалить плагин, установите флажок, затем сохраните изменения, и после деактивации, все его настройки будут удалены из базы данных.

Надеюсь, после подробного разбора Fancybox for wordpress настройка плагина не вызовет затруднений. Желающие успешно внедрят его и сделают вывод изображений во всплывающем окне эффектным, и сайт будет радовать глаз автору и посетителям.

Желаю удачи!

С уважением, Павел Коновалов

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

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