Главная / Плагины / Плагин Lightbox Plus

Плагин Lightbox Plus

Lightbox Plus ColorBox один из самых популярных плагинов, позволяет реализовать эффект Lightbox — появления картинки (при клике на уменьшенную копию картинки большая открывается в выплывающем  окне с красивым эффектом). Популярность плагина обуславливается тем, что он начинает работать сразу после активации, и при желании можно легко задать нужный эффект.

Плагин умеет красиво открывать не только картинки, но также и видео.
Скачиваем плагин и устанавливаем его, как установить плагин смотрите в одноименном уроке.

Сразу после активации плагин начинает работать и все картинки у вас будут открываться с Lightbox-эффектом.

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

Настроить плагин вы сможете зайдя во «Внешний вид\Lightbox Plus».

как настроить Lightbox Plus

Вот основные настройки плагина Lightbox Plus, поставьте так как на фото ниже

Внешний вид, стиль

стиль Lightbox Plus

Основные настройки

  1. Способ появления большой фотографии
  2. Скорость появления
  3. Прозрачность фона под фото
  4. Предварительно загружать изображения на странице
  5. Использовать для галереи WordPress
основные настройки LightboxPlus

Размеры

  1. Фиксированная ширина блока (установите как фото)
  2. Фиксированная высота блока (установите как фото)
  3. Минимальная ширина фото для обработки плагином (установите как фото)
  4. Минимальная высота фото для обработки плагином (установите как фото)
  5. Внутренняя ширина (установите как фото)
  6. Внешняя ширина (установите как фото)
  7. Максимальное увеличение (установите как фото, что бы даже большое изображение влезало в экран)
  8. Минимальное увеличение (установите как фото, что бы даже большое изображение влезало в экран)
настройка размеров Lightbox Plus

Позиция

  1. Отступ сверху
  2. Отступ справа
  3. Отступ снизу
  4. Отступ слева

Все значения установите как на фото

позиция Lightbox Plus

Перевод плагина Lightbox Plus 

русский Lightbox Plus

Иногда Lightbox Plus не открывает картинки, или не хочет подхватывать их из сайдбаров. Чтобы это исправить добавьте к изображению код rel=»lightbox», в итоге у вас должно получиться:

<a href="http://site.ru/wp-content/uploads/****/**/photos.jpg"><img alt="название" src="http://site.ru/wp-content/uploads/****/**/photos.jpg" width="292" height="300" /></a>

Плагин можно скачать на официальном сайте WordPress Скачать

В тему!

Gravity Forms

Gravity Forms

Gravity Forms v2.0.6 – премиум плагин для создания разных форм на сайте. На сайте еще есть ...

8 комментариев

  1. Владимир

    Спасибо за статью, очень помогла.

  2. Добрый день. А скажите пожалуйста какой плагин вы используете на вашем сайте для реализации всплывающих фото. Он у вас адаптивный и мне как раз нужен такой). Заранее спасибо.

  3. Почему не открывается полностью что должно получиться?

  4. Александр

    Андрей, в последнем абзаце сказано что делать если не открывает картинки. Объясните, пожалуйста, толком, что куда вставлять. Спасибо за статью.

    • Андрей

      Вот пример строки название
      Надо в эту строку добавить «rel=«lightbox»» и будет выглядеть она название
      Но все совершенствуется, обновляется, сдается мне, что такого уже не надо делать. После написания статьи и после многих обновлений таких проблем нет.
      Ну а если остались то вот 🙂

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

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

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.