WP fancybox
Плагин WP fancybox добавляет эффект лайтбокса fancybox 3 на ваш сайт WordPress. Лайтбоксы отлично смотрятся как на настольных компьютерах, так и на мобильных устройствах. Функция адаптивного всплывающего окна лайтбокса с использованием jquery fancybox. Разработан с учетом подхода, ориентированного на мобильные устройства, поэтому отлично смотрится на настольных, мобильных и планшетных устройствах. Быстрая и простая установка. Поддержка обычных сенсорных жестов, таких как двойное касание, сжатие и растягивание (для просмотра изображений), горизонтальное смахивание для навигации и т. Д. Открытие всплывающего окна лайтбокса с помощью текстовой ссылки или ссылки на эскизное изображение. Совместимость с мультисайтами WordPress. Автоматическое распознавание популярных видеосайтов, таких как YouTube, Vimeo, для удобного просмотра в лайтбоксе. Поддержка анимации с аппаратным ускорением для повышения производительности. Используйте простой шорткод в любом месте вашего сайта (сообщение, страница, домашняя страница и т. Д.), Чтобы отображать всплывающее содержимое в лайтбоксе. Графика, включая значки загрузки, создается с помощью CSS, чтобы сделать ее легкой. Открыть внешнюю страницу в лайтбоксе с помощью iframe. Настройте визуальные эффекты и макет с помощью CSS. Как использовать изображение WP fancybox в лайтбоксе Создайте новый пост / страницу и используйте следующий шорткод для создания ссылки на текст / изображение, которая откроет лайтбокс при нажатии: [wp_fancybox_media url = "http://example.com/wp-content/ uploads / images / overlay.jpg "type =" image "hyperlink =" щелкните здесь, чтобы отобразить изображение "] здесь, url - это ссылка на медиафайл, который вы хотите открыть в лайтбоксе, а гиперссылка - это текст / изображение привязки. [wp_fancybox_media url = "http://example.com/wp-content/uploads/images/overlay.jpg" type = "image" hyperlink = "http://example.com/wp-content/uploads/images/thumb .jpg "] видео YouTube в лайтбоксе [wp_fancybox_media url =" https://www.youtube.com/watch?v=Vpg9yizPP_g&autoplay=0 "type =" youtube "wiidth =" 640 "height =" 360 "гиперссылка =" нажмите здесь, чтобы отобразить видео на YouTube "] Видео Vimeo в лайтбоксе [wp_fancybox_media url =" https://vimeo.com/1084537 "type =" vimeo "width =" 640 "height =" 360 "hyperlink =" нажмите здесь, чтобы открыть vimeo video "] Заголовок в лайтбоксе [wp_fancybox_media url =" http://example.com/wp-content/uploads/images/overlay.jpg "caption =" overlay image "type =" image "hyperlink =" щелкните здесь, чтобы открыть up image "] Альтернативный текст для изображения [wp_fancybox_media url =" http://example.com/wp-content/uploads/images/overlay.jpg "caption =" overlay image "type =" image "hyperlink =" http: //example.com/wp-content/uploads/images/thumb.jpg "alt =" Описание эскиза изображения "] Пользовательский CSS Вы можете указать свой собственный класс CSS в sh ortcode для настройки ссылки текста / изображения. [wp_fancybox_media url = "https://www.youtube.com/watch?v=Vpg9yizPP_g&autoplay=0" type = "youtube" wiidth = "640" height = "360" hyperlink = "щелкните здесь, чтобы открыть класс видео на YouTube" = "custom_class"] Несколько классов CSS можно разделить пробелом. Например: [wp_fancybox_media url = "https://www.youtube.com/watch?v=Vpg9yizPP_g&autoplay=0" type = "youtube" wiidth = "640" height = "360" hyperlink = "нажмите здесь, чтобы открыть YouTube video "class =" custom_class custom_class2 "] Для получения подробной документации посетите страницу плагина WordPress fancybox.
Автор: naa986
Версия: 1.0.2
Последнее обновление: 2021-07-19 6:27am GMT