Модуль Видео Слайдера Divi

Как добавить и настроить модуль видео слайдера Divi.

Divi упрощает добавление слайдера видео на вашу страницу. Это отличный способ организовать коллекции видео практически из любого источника. Видеогалерея также позволяет настраивать миниатюры видео и кнопку воспроизведения, чтобы добавить четкий индивидуальный стиль к вашим вставкам.

Как добавить модуль видео-слайдера на свою страницу

Прежде чем вы сможете добавить модуль видео-слайдера на свою страницу, вам сначала нужно перейти в Divi Builder. После того, как тема Divi будет установлена на вашем веб-сайте, вы будете замечать кнопку «Использовать Divi Builder» над редактором сообщений каждый раз, когда создаете новую страницу. Нажатие этой кнопки активирует Divi Builder, предоставляя вам доступ ко всем модулям Divi Builder. Затем нажмите кнопку «Включить визуальный Builder», чтобы запустить построитель в визуальном режиме. Вы также можете нажать кнопку «Включить визуальный Builder» при просмотре веб-сайта в интерфейсе пользователя, если вы вошли в свою панель управления WordPress.

После того, как вы вошли в Визуальный Builder, вы можете нажать серую кнопку с плюсом, чтобы добавить новый модуль на свою страницу. Новые модули можно добавлять только внутри рядов. Если вы начинаете новую страницу, не забудьте сначала добавить строку на свою страницу. У нас есть несколько отличных руководств о том, как использовать элементы строки и разделы Divi .

Найдите модуль слайдера видео в списке модулей и щелкните его, чтобы добавить на свою страницу. Список модулей доступен для поиска, что означает, что вы также можете ввести «слайдер видео», а затем нажать клавишу ВВОД, чтобы автоматически найти и добавить модуль слайдера видео! После добавления модуля вы увидите список его опций. Эти параметры разделены на три основные группы: Контент, Дизайн и Расширенный.

Заполнение видеослайдера контентом

Прежде чем изменять слишком много настроек, вероятно, неплохо было бы заполнить слайдер видео слайдами. Таким образом, когда вы внесете изменения, вы действительно сможете увидеть, как они влияют на конечный результат. Чтобы добавить новый слайд видео, вам нужно будет щелкнуть ссылку + Добавить новый элемент.

Здесь вы можете загрузить файл .mp4 или Webm. Вы также можете вставить URL-адрес видео с YouTube. Когда вы загрузили файл или добавили ссылку на YouTube, просто нажмите зеленую кнопку с галочкой в ​​правом нижнем углу, и вы вернетесь на вкладку основного содержания модуля видео-слайдера. Повторите этот процесс для каждого видео, которое хотите добавить.

Настройки содержимого модуля видеослайдера

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

Элементы

Под элементами вы можете настроить параметры стрелок и элементов управления слайдером модуля видео.

Наложение

Здесь вы можете выбрать отображение или скрытие наложений на основное видео. Это можно сделать, добавив наложение к каждому слайду видео или автоматически сгенерированным Divi.

Метка администратора

В этом раскрывающемся списке вы можете добавить ярлык администратора, который будет отображаться в построителе серверной части, а также в виде скелета визуального построителя.

Настройки дизайна модуля видео-слайдера

На этой вкладке есть только одна группа настроек, которая называется « Цвета элементов управления» . Здесь вы можете изменить цвет ползунка управления со светлого на темный, изменить цвет значка воспроизведения и настроить цвет наложения эскизов.

Расширенные настройки модуля видеослайдера

На вкладке «Дополнительно» модуля слайдера видео вы можете добавить уникальный идентификатор и класс css. Вы также можете добавить настраиваемый css к различным предопределенным (и предварительно выбранным) селекторам css в модуле слайдера видео в раскрывающемся списке настраиваемых css. И, наконец, в раскрывающемся списке видимости вы можете настроить видимость вашего модуля на телефонах, планшетах и ​​настольных компьютерах.

Индивидуальные настройки видеоконтента

Если вы хотите создать определенные настройки для отдельных слайдов, их нужно будет настроить внутри самих слайдов. Просто щелкните значок шестеренки этого слайда, чтобы открыть его уникальные настройки.

Видео

Как показано выше, именно здесь вы можете добавить свой видеоконтент.

Наложение

В раскрывающемся списке наложения вы можете загрузить изображение, чтобы наложить его на слайд, или выбрать автоматическое создание Divi.

Индивидуальные настройки дизайна видео

На вкладке дизайна вашего видео слайда вы можете изменить цвет стрелки слайда со светлого на темный.