Лайтбокс — это эффект для изображений. Он заключается в том, что при клике на картинку, она открывается во всплывающем окне в увеличенном виде. Лайтбокс выглядит очень приятно и запоминающе, а также он удобен для многих пользователей. В условиях WordPress для реализации лайтбокса или всплывавших картинок, можно использовать большое разнообразие плагинов. В этой статье рассмотрим плагин лайтбокса для WordPress, который зарекомендовал себя как один из лучших и стал выбором многих вебмастеров.
Оглавление
Что такое лайтбокс и когда он нужен на сайте
Лайтбокс — это визуальный эффект, который открывает изображения при клике по ним мышкой в отдельном всплывающем окне. Целесообразность его использования появляется только тогда, когда на сайте публикуются изображения небольшого размера, но при этом у пользователей есть необходимость увеличивать их для детального рассмотрения.
Некоторые включают лайтбокс даже в тех случаях, когда картинки на сайте и без того публикуются большими и достаточно хорошо видны без дополнительного увеличения. Это не правильно. В таких случаях лайтбокс не нужен и такой плагин будет только зря нагружать страницы сайта. Добавляйте лайтбокс только тогда, когда вы вынуждены размещать картинки в уменьшенном размере.
Как сделать лайтбокс в WordPress
Simple Lightbox — один из лучших плагинов лайтбоксов для WordPress. Он получил высокую оценку вебмастеров и множество хороших отзывов, всё потому, что у него несколько достоинств:
- Плагин Simple Lightbox полностью переведён на русский и многие другие языки.
- Его настройка простая, интуитивно понятная, и там есть всё, что нужно для любой кастомизации.
- И несмотря на это, лайтбокс работает прямо «из коробки». То есть плагин будет хорошо работать даже без предварительной настройки.
- Simple Lightbox полностью бесплатный. Поэтому у него нет скрытых функций, которые становятся доступны только после оплаты подписки.
Чтобы сделать лайтбокс на WordPress, установите и активируйте на своём сайте плагин Simple Lightbox.
Затем проверьте, как он работает. Перейдите в редактор записи или страницы и добавьте какую-нибудь картинку, используя блок «Изображение». Опубликуйте картинку в маленьком размере, чтобы эффект лайтбокс был более значимым.
Потом опубликуйте этот контент либо зайдите в предпросмотр. Кликните на изображение, и оно должно открыться в лайтбоксе, в увеличенном виде во всплывающем окне. Внизу изображения будет выведена информация из атрибута Alt.
Если при клике на изображение лайтбокс не открывается, то вернитесь к редактору. В редакторе нажмите мышкой на картинку, а потом на кнопку в виде звена цепи. Эта кнопка задаёт ссылку изображению. Убедитесь, что установлен вариант «Медиафайл». Если установлено что-то иное, то выберите «Медиафайл».
Если ссылка изображения выбрана верная, но лайтбокс всё равно не работает, то попробуйте проверить это в другом браузере. Вероятно, в текущем вашем браузере отключена обработка Java Script, либо отображению лайтбокса мешают какие-то установленные расширения. Но это бывает редко.
Настройка плагина Simple Lightbox
Как уже было показано, плагин Simple Lightbox работает без предварительной настройки нормально. Но те, кому интересно, могут просмотреть, какие опции и возможности у него есть. Настройки плагина находятся в разделе «Внешние вид», в подразделе «Лайтбокс». Все опции разделены на несколько секций, первая из которых — «Активация». В ней выбирается, в каких частях сайта будет работать эффект лайтбокс.
Второй блок «Группировка». В ней настраивается то, как будут группироваться изображения, открытые в лайтбоксе. Из этой группы образуется слайдер, в котором можно переключаться между всеми картинками.
В блоке «Интерфейс» настраивается внешний вид лайтбокса и слайдера — тема (выбрать можно только из двух — тёмная и светлая), анимация, размер, прозрачность, автоматизация слайдера и другое.
В блоке опций «Метки» можно задать свои надписи для лайтбокса и слайдера. По умолчанию здесь указаны надписи на английском языке. Но вы можете изменить их на любой язык, в том числе и русский, просто удалив надпись и написав свою.
Повлияет ли лайтбокс плохо на скорость загрузки страницы
Да, лайтбокс, как и любой другой плагин, будет негативно влиять на скорость загрузки страницы. Потому что скрипты этого плагина достаточно тяжёлые и им придётся загружаться вместе со страницей. Однако, конкретно плагин Simple Lightbox отличается улучшенной оптимизацией, поэтому его негативное влияние уменьшено. Также нивелировать этот недостаток помогут дополнительные плагины оптимизации — кеширующие и минифицирующие.
Использовать лайтбокс можно, если в нём действительно есть необходимость, если сайт от этого эффекта станет лучше. Но устанавливать его на всякий случай, когда он совершенно не нужен, когда изображения на страницах и так достаточно большие — смысла мало. В таком случае от него будет вреда больше, чем пользы.
