Всплывающие картинки при клике в WordPress

Когда интернет только появился и веб-дизайн был в зачатке, изображения на сайте открывались просто – при клике загружалась увеличенная копия в этом же окне. Это было неудобно, посетитель не понимал, куда попал, и как оттуда уйти. И специалисты быстро придумали метод – всплывающая картинка, когда при клике изображение затемняет задний фон и загружается в полном размере.

Этот приём назван lightbox, и сегодня он используется практически на всех сайтах. Естественно, что для WordPress тоже есть простые методы реализовать всплывающую картинку. Рассмотрим один из таких способов.

Wp Lightbox Bank Standard Edition

Всплывающая картинка на WordPress реализуется с помощью простого плагина Wp Lightbox Bank Standard Edition. Мы уже рассказывали вам об аналогичном тут. И описанный в этой статье плагин является достойным ему конкурентом и даже превосходит по некоторым данным.

Скачиваем, устанавливаем и активируем, переходим в пункт «Wp Lightbox Bank», в котором собраны все настройки в нескольких вкладках, первая из которых с основными опциями «General settings»:

• WordPress Galleries. Если вы используете стандартные галереи WordPress на сайте, то установка этой галочки включит эффект всплывающих картинок в них.
• WordPress Image With Captions. Если поставить здесь галочку, то всплывающее изображение будет отображаться вместе с подписью.
• Attachment Images. Если поставить здесь галочку, то эффект всплывающей картинки будет применен ко всем изображениям сайта – аватаркам, кнопкам и прочим.
• Close on Overlay Click. Эта опция включает кнопку, клик по которой закрывает всплывающую картинку.
• Error Message. Если по каким-то причинам всплывающая картинка не загрузилась, то посетителю отобразится сообщение, которое можно записать здесь.
• Language Direction. Здесь при необходимости можно выбрать направление письма справа на лево при выводе подписи.
• Disable Other Lightboxes. Если на сайте используются другие эффекты lightbox, например, заданные установленным шаблоном или другим плагином, то эта опция позволяет отличить их.
• Show Top Bar Menu. Показывает верхнее меню в лайтбоксе.

Следующая вкладка настроек «Display settings». Здесь собраны опции, отвечающие за отображение лайтбокса:

• Display Image Titles. Отображение заголовка изображения.
• Display Image Captions. Отображения подписей изображения.
• Text Alignment. Ориентация текста на экране.

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