Медиа

Lightbox Plus ColorBox — эффектно выводим изображения

Наверняка, каждый владелец wordpress-блога хоть бы  однажды, но сталкивался с такой проблемой: в пост нужно вставить картинку в хорошем качестве, но изображение выходит за рамки текстового поля. Для такого рода проблем существует простое и элегантное решение: Lightbox Plus ColorBox  — легкий и удобный плагин, созданный для увеличения изображений и их красивого вывода.

Lightbox Plus ColorBoxСо времени первого обзора этого плагина прошло уже много времени и за это прошедшее время, он успел не только немного сменить название (старое — Lightbox Plus), но и кардинально разрастись в настройках. Настроек теперь много, но менять их нужно очень внимательно, только если, что то не устраивает вас из варианта — «по умолчанию».
Практически всю статью пришлось переписать заново. Так как от старого плагина в админке практически ничего не осталось. Судя по количеству загрузок на сегодняшний день плагин остается мега популярным, обгоняя своего ближайшего и главного конкурента — Fancybox for WordPress.

Установка плагина

Установка плагина стандартная. Заходим в админку wordpress и с помощью поиска по плагинам ищем Lightbox Plus ColorBox. Добавляем его и активируем.  Готово.

Настройки Lightbox Plus ColorBox

Lightbox Plus ColorBoxВ принципе, плагин сразу готов к без проблемной работе, но при желании — «покопаться» в настройках и узнать о всех тонкостях работы плагина, идем в раздел «Внешний вид» и выбираем пункт Lightbox Plus ColorBox. Перед нами единственная страница с настройками — Lightbox Plus ColorBox Options на которой расположены четыре свертываемых меню:

About Lightbox Plus ColorBox for WordPress.

Информация о текущей версии плагина, полезные ссылки и информация о разработчиках.

Lightbox Plus ColorBox — Base Settings.

  1. General — содержит четыре чекбокса(по умолчанию выключены). Позволяет добавлять новые, вторичные лайтбоксы с дополнительными настройками. При этом у вас появятся и новые разделы. Последний чекбокс позволяет скрыть верхнее меню — About Lightbox Plus ColorBox for WordPress.
  2. Styles — настройка внешнего вида выводимых изображений. Можно выбрать из 26 доступных стилей. Кроме этого, тут можно разрешить использование своих стилей или отключить встроенные.
  3. Advanced — позволяет ограничить работу плагина только на страницах или в постах. Переключить работу инлайн-скриптов в футере или хеадере. Определить приоритет загрузки скриптов.
  4. Support — подробная информация о всех составляющих  плагина.

Lightbox Plus ColorBox - выводим изображения

Lightbox Plus ColorBox -Primary Lightbox Settings.

  1. General — настройки типа выводимых эффектов, скорость вывода, прозрачность фона и настроить взаимодействие с галереями.
  2. Size — настроить вручную все фиксированные размеры для вывода изображений.
  3. Postition — настройка позиции вывода относительно сторон страницы.
  4. Interface — Довольно большая группа настроек касающаяся интерфейса. Можно настроить текст для закрытия картинки и включить работу клавиши ESC. Выключить группировку картинок и настроить текст для кнопок перелистывания в в галереях. Включить показ кнопок навигации.
  5. Slideshow — позволяет включить и настроить автоматическое слайдшоу.
  6. Other — дополнительные настройки для показа и настроек заголовков и ссылок.
  7. Usage — краткое описание всех закладок в этом разделе.
  8. Demo\Test — возможность тут же протестировать вывод изображения.

Lightbox Plus ColorBox - выводим изображения

Lightbox Plus ColorBox — Reset-initialize.

Сброс всех настроек и повторная инициализация плагина.

Отдельно хочу отметить что многие чекбоксы в настройках плагина, отключенные по умолчанию, при включении, могут создавать дополнительные поля с настройками и даже целые разделы. Будьте очень внимательны.
Версия плагина на момент написания (или последнего обновления статьи) — 2.6

Страница плагина

Похожие

21 Комментов

  1. Очень интересно. Как раз искала инфу как решить эту проблему на моем сайте. Обязательно попробую. Заходите в гости на проверку 🙂

  2. А как убрать номер картинки, и количество картинок на странице. Ато на малеьких изображениях они нализают на название.

  3. Можно попробовать — Disable Lightbox CSS:. Но получится не красиво.
    Я бы просто не стал делать ссылки на маленькие картинки. Какой смысл их выводить отдельнным эффектом если пользователь больше ничего нового не увидит.

  4. Перерыл весь интернет..не могу найти как сделать так чтобы при нажатии на открывшеюся картинку она закрывалась…именно не на значок закрыть а на саму фотографию…….. Заранее ОГРОМНОЕ сппасибо!!!

    1. В Lightbox Plus ColorBox такой функции я не знаю, а вот в этом плагине — https://wpnice.ru/fancybox-for-wordpress-krasivo-vyvodim-izobrazheniya/ — есть. Параметры — Fancybox for WP — Behavior Settings и там поставить галочку в чекбоксе — Close on Content Click.
      Правда, мне таки не очень не понятно, чем же так неудобно закрывать кликом по кнопке или по фону 🙂

  5. Доброе утро!
    Подскажите пожалуйста, после установки данного плагина в предыдущих написанных статьях касательно их картинок должны измениться (касательно их показа на блоге во всплывающем окне)?, или это только когда будут добавляться новые статьи с картинками он начнет работать? Спасибо!

    1. Доброе. Для всех картинок на сайте которые могут открываться с новом окне.

      1. Спасибо Дмитрий, к сожалению где то этот чек бокс был ранее не отмечен (открытие в новом окне). Что бы вы посоветовали как решить этот вопрос.

      2. Настраивайте картинки на вашем сайте

      3. То есть, в админ панель вордпресс/в статью изменить/и в каждую картинку изменить/найти где там она должна открываться в новом окне? правильно понимаю или есть другие варианты?

  6. Наверное я все таки не точно выразился. Просто установите и активируйте плагин и проверьте как открываются картинки сначала. Если картинка открывалась вообще то будет работать нормально.

  7. И еще не подскажите что за плагин выводит такой слайдер на главной? Нигде такого не встречал! Или это своя заготовка HTML + CSS + jQuery?

  8. Доброго дня!
    Не наблюдалось ли проблем с индексацией картинок в Яшке? ) У меня не индексируются. Стоит этот плагин. Robots.txt, описания, расширения — проверил. Писал в техподдержу Яндекса — говорят, «скоро» будут индексироваться — да только ничего уже второй мес.

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

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

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

Back to top button