Плъгинът WordPress плъгин за галерии с интерактивен лайтбокс подобрява стандартната функционалност на WordPress галериите, като добавя отзивчив, пълноекранен лайтбокс за разглеждане на изображения. Изграден с библиотеките Lightbox и Hammer, той предлага плавни възможности за увеличение (до 2x), навигация между изображения в галерията и поддръжка на жестове за увеличение чрез прищипване на сензорни устройства. Когато потребител кликне върху изображение в WordPress галерия, то се отваря в елегантен лайтбокс с тъмен фон, включващ контроли за увеличаване/намаляване, навигация към предишно/следващо изображение и затваряне на изгледа. Плъгинът е оптимизиран за десктоп и мобилни устройства, с отзивчиво оформление, което коригира разположението на контролите в зависимост от ориентацията на устройството. Не изисква конфигурация и работи безпроблемно със стандартните WordPress галерии.
Характеристики на WordPress плъгин за галерии с интерактивен лайтбокс
- Интерактивен Лайтбокс: Показва изображения от галерията в пълноекранен overlay с тъмен фон за фокусирано разглеждане.
- Функция за Увеличение: Поддържа увеличение/намаляване (от 1x до 2x) чрез бутони или жестове за прищипване на сензорни устройства.
- Контроли за Навигация: Включва бутони за предишно/следващо изображение за лесно разглеждане на галерията.
- Отзивчив Дизайн: Адаптира се към портретна и пейзажна ориентация с оптимизирано разположение на контролите.
- Поддръжка на Сензорни Жестове: Използва Hammer.js за плавно увеличение чрез прищипване и взаимодействия на сензорни устройства.
- Безпроблемна Интеграция: Автоматично подобрява WordPress галериите без нужда от шорткодове или ръчна настройка.
- Персонализирано Оформление: Включва CSS класове за лайтбокс overlay и контроли за лесно персонализиране.
- Лек и Ефективен: Зарежда минимални активи (Lightbox и Hammer.js) с вградени CSS/JS за ефективност.
Инсталация
- Качете папката на плъгина в директорията
/wp-content/plugins/
. - Активирайте плъгина Mobileship Gallery Lightbox чрез административния панел на WordPress.
- Уверете се, че имате създадена WordPress галерия в публикация или страница, използвайки блока за галерия или шорткода (напр.
[gallery ids="123,456,789"]
). - Плъгинът ще приложи автоматично лайтбокс ефекта към изображенията в галерията при кликване.
Употреба на WordPress плъгин за галерии с интерактивен лайтбокс
- Създайте галерия в WordPress, използвайки редактора за блокове или шорткода
[gallery]
с ID-та на изображения от медийната библиотека. - Кликнете върху изображение от галерията, за да го отворите в лайтбокса, където можете:
- Да използвате бутоните
+
и−
за увеличаване/намаляване. - Да използвате бутоните
←
и→
за навигация между изображения. - Да използвате бутона
×
за затваряне на лайтбокса. - На сензорни устройства да прищипвате за увеличаване/намаляване.
- Персонализирайте външния вид на лайтбокса, като използвате CSS класове като
#lightbox-overlay
,#lightbox-image
или#lightbox-controls
.
Изисквания
- WordPress 5.0 или по-висока версия
- PHP 7.0 или по-висока версия
- WordPress блок за галерия или шорткод с изображения в медийната библиотека