WordPress
Здравствуйте !
Сегодняшняя статья будет посвящена созданию Лайтбокса с видео, лайтбокс — это окно для удобного просмотра видео или фотографии, на передний план экрана выводится видео или фото, а остальная часть экрана затемняется, чтобы не отвлекать вашего внимания.
Пример:
Смотреть видео !
Я сделал кнопку для просмотра видео, но можно сделать просто фотографию или текст, дальше я объясню как это делается. Лайтбокс с видео мы будем создавать с помощью плагина — Shortcodes Ultimate, с помощью данного плагина можно сделать не только лайтбокс с видео, но и множество других функций и веб элементов для сайта.
Как установить и настроить плагин, а так же как с ним работать, я уже рассказывал, можете прочесть — ЗДЕСЬ ! там всё просто. Если вы уже установили плагин, и узнали как им пользоваться, тогда движемся дальше, и приступим к созданию лайтбокса с видео. Откройте запись куда вы хотите поместить лайтбокс с видео, и нажмите на кнопку —Вставить шорткод.
.
Выберите из списка функцию — Лайтбокс.
У вас откроется окно для создания Лайтбокса.
Подробней о настройках:
— Тип содержимого, здесь нужно указать тип содержимого, который будет отображаться в лайтбоксе. Фрейм — для видео., Изображение — понятно для изображений., HTML элемент — любой html элемент.
— Источник Содержимого, чтобы в лайтбоксе отобразилось видео, укажите здесь ссылку на видео.
— Класс, если не разбираетесь, то оставьте поле пустым, это необязательная функция.
— Содержимое, здесь можно указать любой текст или одно слово при нажатии на которое будет появляться лайтбокс с видео. Так же здесь можно указать фотографию или кнопку, как я вам показывал в начале записи. Как сделать кнопку я уже объяснял — Здесь ! после создания кнопки вам нужно будет просто скопировать получившийся шорткод, и вставить его в поле Содержимое при создании Лайтбокса.
А если вы хотите, чтобы изначально показывалась фотография, то вам нужно добавить в запись фото, перейти во вкладку Текст, скопировать html код фотографии и вставить его в поле Содержимое при создании Лайтбокса.
Всё, далее жмёте на кнопку — Вставить шорткод, заходите на сайт, и смотрите что у вас получилось. Как видите всё просто. На этом всё, вы узнали как можно создать лайтбокс с видео, до новых встреч !
