Lightbox Plus ColorBox плагин вывода изображений в виде слайдов

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

Наложилось еще и то, что клиент, заказавший мне сайт, тоже хотел вывод картинок в виде слайдов.

Как настроить сайт на WordPress

Нужно было решать эту задачу и перебрав множество вариантов, я остановилась на плагине Lightbox Plus ColorBox.

Работает он так: кликнув на уменьшенную копию  изображения большое открывается в этом же окне с js-эффектом. Переключать показ можно просто щелкая по стрелочке или краю изображения. Получается удобное последовательное восприятие иллюстраций статьи.

Lightbox Plus ColorBox плагин вывода изображений в виде слайдов или слайд-шоу с js-эффектом

Скачиваем из респозитория плагинов WordPress плагин Lightbox Plus ColorBox по ссылке  http://wordpress.org/plugins/lightbox-plus/ и устанавливаем обычным порядком, загружая с компа, или через поиск плагинов в админке сайта.

Настройки плагина

Говорят, что плагин может работать и без специального настраивания. Нужно только активировать кнопку сохранения настроек под окнами настроек.

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

И тут я встретилась с трудностями перевода специфических терминов  настроек плагина. Их очень много и это несомненный плюс. Но разобраться было нелегко.

Работает плагин четко и как он работает вы можете посмотреть на примере сканов из этой статьи.

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

Чтобы самой не забыть, как настраивала плагин Lightbox Plus ColorBox  я и пишу эту статью. Моя шпаргалка, так сказать. Уверена, что использовать его буду широко и с удовольствием.

Первое поле настроек Base Settings

Настройки базовые. Задается стиль и формат изображения. Я вносила изменения только во вторую вкладку Stilles. и вкладку Advanced.

lightbox-plus-colorbox-plagin-vyvoda-izobrazhenij-v-vide-slajdov

 

lightbox-plus-colorbox-plagin-vyvoda-izobrazhenij-v-vide-slajdov2

Далее сохраняем изменения. Кнопка «Save all settings»

Второе поле Primary Lightbox Settings дополнительные настройки

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

size –  установка размеров картинок

position –детали настройки позиции изображения

interface –параметры показа (прокрутки, группировка)

slideshow –  можно установить как слайд-шоу;

other –применение фреймов, создание специальных классов для изображений;

usage –  информационные таблицы, касающейся данного плагина;

demo/test – просмотр установленных настроек

lightbox-plus-colorbox-plagin-vyvoda-izobrazhenij-v-vide-slajdov3

lightbox-plus-colorbox-plagin-vyvoda-izobrazhenij-v-vide-slajdov4

В третьей вкладке я изменений не вносила

Переходим сразу к четвертой

lightbox-plus-colorbox-plagin-vyvoda-izobrazhenij-v-vide-slajdov6a

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

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

lightbox-plus-colorbox-plagin-vyvoda-izobrazhenij-v-vide-slajdov8

С настройками плагина Lightbox Plus ColorBox для  вывода изображений в виде слайдов закончено. Буду рада, если пригодится. А если пригодилось — поделитесь в соцсетях. Может быть, еще кому-то пригодится. Спасибо за внимание.

Внимание!
R.S. В настоящее время этот плагин я не использую. В связи с изменением требований к качеству сайтов нежелательны стали вкладки, открывающиеся с отдельным урлом на новой странице. Пришлось искать замену и она нашлась — плагин Auto Highslide. Его плюсом является открытие увеличенного изображения на той же странице и на мобильных версиях он тоже работает без проблем.
Google
Обсуждение (10)
  1. Марина:

    Татьяна, Ваши подсказки очень ценны. С симпатичным леопардиком, например, я подружилась. Общение с ним повышает настроение :) Спасибо.

  2. Галина:

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

  3. Елена:

    Наконец я поняла как происходят эти метамарфозы на некоторых сайтах с картинками-слайдами. Спасибо вам!

    Отличный сайт, много полезного для себя нашла, теперь буду заглядывать, чтобы постепенно изучить ;)

  4. Зоя:

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

    • admin:

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

  5. Наталия:

    О, а я как раз думала про способы такого расширения картинок. А то обычно мучаешься-мучаешься как ее по размеру ширины шаблона сделать...

  6. Салават:

    Гениально!!!

    Данный пост ещё раз доказывает, что дамы не только разбираются в правильном хостинге (см. правильный баннер наверху), но и не боятся «открыть капот своего сайта» и поковыряться в настройках, чтоб потом, перемазавшись в php-пыли, ругаться html-фразами на SEO-форумах.

    Аплодисменты!

    • admin:

      Даже не знаю, ерничанье ли это особого рода или реальный восторг по-поводу того, что дамы не только варево в котле мешать умеют. Открою только вам очень большой секрет: я еще и читать умею...

  7. Евгений:

    здравствуйте, спасибо за статью, все отлично, добавил своих немного настроек. Подскажите, где может быть настройка: в общей рубрике, когда видны только анонсы, при клике на картинку, открывается как и раньше — страница с картинкой и все? Если зайти в статью, то да — картинки открываются уже по-новому. С уважением, Евгений.

Поделитесь своим мнением

Нажимая кнопку "Отправить" вы подтверждаете, что ознакомлены с Политикой конфиденциальности и Пользовательским соглашением сайта.

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