WP Colorbox v1.1.6

Плагин WP Colorbox - это простой инструмент лайтбокса для WordPress. Он позволяет пользователям отображать контент в лайтбоксе, используя популярную библиотеку jQuery ColorBox. Они также могут просмотреть увеличенную версию определенного медиафайла, не покидая страницу.

Особенности

- Красивый стиль всплывающего окна в лайтбоксе.

- Гибкость создания собственной ссылки на лайтбокс.

- Всплывающее пользовательское/HTML-содержимое в лайтбоксе.

- Запуск лайтбокса по текстовой или графической ссылке.

- Добавить лайтбокс к ссылке на видео YouTube или Vimeo.

- Включите на своем сайте функцию лайтбокса, поддерживающую современные браузеры.

- Используйте простой короткий код, чтобы открыть медиафайл в лайтбоксе.

- Применить эффект лайтбокса к изображениям, вставленным в запись/страницу WordPress.

- Открыть внешнюю страницу в лайтбоксе с помощью iframe.

- Адаптивное всплывающее окно, работающее на мобильных устройствах. Также он идеально подходит для небольших экранов.

Как использовать WP Colorbox

Всплывающее изображение в лайтбоксе

Создайте новую публикацию/страницу и используйте следующий короткий код для создания ссылки на текст/изображение, которая будет запускать лайтбокс при нажатии:

[wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" type="image" Hyperlink="нажмите здесь, чтобы открыть изображение"]

здесь URL - это ссылка на медиафайл, который вы хотите открыть в лайтбоксе, а гиперссылка - это текст/изображение привязки.

[wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" type="image" Hyperlink="http://example.com/wp-content/uploads/images/thumb.jpg"]

Всплывающее видео YouTube в лайтбоксе

[wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" гиперссылка="нажмите здесь, чтобы открыть видео на YouTube"]

Всплывающее видео Vimeo в лайтбоксе

[wp_colorbox_media url="https://www.youtube.com/embed/1284237" type="vimeo" Hyperlink="нажмите здесь, чтобы открыть видео Vimeo"]

Укажите альтернативный текст для изображения

[wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" title="оверлейное изображение" type="image" гиперссылка="http://example.com/wp-content/uploads/images/thumb.jpg" alt="Описание миниатюрного изображения"]

Применить пользовательский CSS

Вы можете указать свой собственный класс CSS в коротком коде, чтобы настроить ссылку на текст или изображение.

[wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" гиперссылка="нажмите здесь, чтобы открыть видео на YouTube" class="custom_class"]

Несколько классов CSS можно разделить пробелом. Например:

[wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" гиперссылка="нажмите здесь, чтобы открыть видео на YouTube" class="custom_class custom_class2"]

Для получения подробной документации посетите страницу плагина WordPress Colorbox.