Увеличивающиеся по клику изображения в WordPress

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

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

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

Изображения в WordPress с плагином Simplelightbox

Плагин Simplelightbox применяет эффект лайтбокс к изображениям WordPress. Плагин отличается особой простотой в настройке и не нагружает сервер сайта. Этим он и хорош.

Чтобы начать работать с этим дополнением, скачайте, установите на свой сайт и активируйте плагин. После этого его необходимо настроить. Все опции собраны в пункте консоли «Внешний вид» в подпункте «Simplelightbox». Имеются следующие настройки:

• Class Name. Указывается CSS класс, который будет применяться к изображениям в WordPress для лайтбокс эффекта. По умолчанию он уже записан. Если вы разбираетесь в CSS, то вы можете создать собственный класс, и указать здесь его имя. Таким образом, в профессиональных руках этот плагин превращается в супер-кастомный.
• Show Navigation. Можно выбрать, отображать ли стрелки для переключения между картинками.
• Text/Html for Prev/Next Button. Здесь выбирается кнопки для стрелок навигации.
• Show Captions. Показывать или нет подписи картинки.
• Caption Attribute. Выберите, какой атрибут изображения будет отображаться в качестве подписи в лайтбоксе. Подробнее об атрибутах изображения в WordPress вы можете узнать в этой статье.
• Show Close Button. Показывать или нет кнопку для закрытия увеличенного изображения.
• Text/Html for Close Button. Выбираем, как будет выглядеть эта кнопка.
• File Extensions. Сюда записываем расширения изображения WordPress, к которым будет применён эффект. По умолчанию уже записаны самые популярные: png, jpg, jpeg, gif.

У этого плагина для изображений есть и другие настройки. Мы вам рассказали только о самых важных. Остальное вы сможете понять сами экспериментальным путём. Как и было сказано, плагин отличается простотой. И даже если вы не будете настраивать его, он сразу же начинает работать на вашем сайте.