Совсем недавно, мне пришлось изменить вывод изображений на сайте. Продиктовано это было тем, что для наглядности я использую много сканов настроек различных плагинов и открывать их поочередно, каждый раз в новом окне, было очень неудобно. Наложилось еще и то, что заказчик тоже хотел картинки в виде слайдов.
Нужно было решать эту задачу и перебрав множество вариантов, я остановилась на плагине Lightbox Plus ColorBox.
Работает он так: кликнув на уменьшенную копию изображения большое откроется в том же окне с js-эффектом. Переключать показ можно, щелкая по стрелочке или краю изображения. Получается последовательное восприятие каждого изображения в виде слайдшоу.
Содержание
Установка и настройка
Скачиваем из респозитория плагинов WordPress плагин Lightbox Plus ColorBox по ссылке http://wordpress.org/plugins/lightbox-plus/ и устанавливаем обычным порядком, загружая с компа, или через поиск плагинов в админке сайта.
Говорят, что плагин может работать и без специального настраивания. Нужно только активировать кнопку сохранения под окнами настроек.
Но, коль уж, столько настроек имеется для индивидуальных возможностей, почему бы ими не воспользоваться.
И тут я встретилась с трудностями перевода специфических терминов. Настроек очень много и это несомненный плюс. Но разобраться было нелегко..
Вникать в каждый пункт я не стала. Задача не изучить плагин досконально, а заставить его работать в удобном режиме и удобной форме.
Чтобы самой не забыть, как настраивала плагин Lightbox Plus ColorBox я и пишу эту статью. Моя шпаргалка, так сказать. Уверена, что использовать его буду широко и с удовольствием.
Первое поле настроек Base Settings
Настройки базовые. Задается стиль и формат изображения. Я вносила изменения только во вторую вкладку Stilles. и вкладку Advanced.
Далее сохраняем изменения. Кнопка «Save all settings»
Primary Lightbox Settings — дополнительные настройки
- general –тип перехода изображений (нормальный, затухающий, пружинящий). Скорость увеличения картинки, предосмотр, эффекты галереи изображений
- size – установка размеров картинок
- position –детали настройки позиции изображения
- interface –параметры показа (прокрутки, группировка)
- slideshow – можно установить как слайд-шоу;
- other –применение фреймов, создание специальных классов для изображений;
- usage – информационные таблицы, касающейся данного плагина;
- demo/test – просмотр установленных настроек
В третьей вкладке я изменений не вносила.
Переходим сразу к четвертой.
В пятой тоже ничего не изменяла. Мне не нужно, чтобы изображения менялись сами собой в режиме слайд-шоу.
В шестой и седьмой тоже ничего не трогала. и только в последней убедилась, что меня устраивают все мои танцы с бубнами. Кнопка сохранить настройки и все готово. Наслаждаемся результатом.
С настройками плагина Lightbox Plus ColorBox для вывода изображений в виде слайдов закончено. Буду рада, если пригодится. А если пригодилось — поделитесь в соцсетях. Может быть, еще кому-то пригодится. Спасибо за внимание.
Татьяна, Ваши подсказки очень ценны. С симпатичным леопардиком, например, я подружилась. Общение с ним повышает настроение :) Спасибо.
Отличный плагин. Мне нравится, как у мня с его применением по другому можно просмотреть картинки.
Наконец я поняла как происходят эти метамарфозы на некоторых сайтах с картинками-слайдами. Спасибо вам!
Отличный сайт, много полезного для себя нашла, теперь буду заглядывать, чтобы постепенно изучить ;)
Добро пожаловать! Лишь бы на пользу.
Попробую тоже разобраться с этим плагином, чтобы установить на сайте слайдер. Если я правильно поняла, то для установки слайдера на главной страницы этот плагин тоже подходит.
Нет, это не совсем то, что вам нужно. Слайдер на главной странице лучше ставить скриптами, а еще лучше использовать темы, которые уже имеют встроенный слайдер или карусель.Этот плагин выводит изображения в статье в виде слайдов.
О, а я как раз думала про способы такого расширения картинок. А то обычно мучаешься-мучаешься как ее по размеру ширины шаблона сделать…
Гениально!!!
Данный пост ещё раз доказывает, что дамы не только разбираются в правильном хостинге (см. правильный баннер наверху), но и не боятся «открыть капот своего сайта» и поковыряться в настройках, чтоб потом, перемазавшись в php-пыли, ругаться html-фразами на SEO-форумах.
Аплодисменты!
Даже не знаю, ерничанье ли это особого рода или реальный восторг по-поводу того, что дамы не только варево в котле мешать умеют. Открою только вам очень большой секрет: я еще и читать умею…
здравствуйте, спасибо за статью, все отлично, добавил своих немного настроек. Подскажите, где может быть настройка: в общей рубрике, когда видны только анонсы, при клике на картинку, открывается как и раньше — страница с картинкой и все? Если зайти в статью, то да — картинки открываются уже по-новому. С уважением, Евгений.