Прежде чем вы сможете добавить видеомодуль на свою страницу, вы должны сначала использовать Divi Builder. Однажды Диви тема установлен на вашем Веб-сайт, вы заметите кнопку Использование визуального построителя выше издателя каждый раз, когда вы создаете новую страницу.
Нажмите эту кнопку, чтобы активировать Divi Builder и получить доступ ко всем модулям Divi Builder. Затем нажмите на кнопку Использование визуального построителя для запуска генератора в визуальном режиме. Вы также можете нажать кнопку Включить Visual Builder когда вы просматриваете свой Веб-сайт на переднем плане, если вы вошли в панель управления WordPress.
После входа в Visual Builder вы можете нажать серую кнопку «плюс», чтобы добавить новый модуль на свою страницу. Новые модули можно добавлять только внутри строк. Если вы начинаете новую страницу, не забудьте сначала добавить строку на свою страницу.
Найдите модуль слайдера видео в списке модулей и щелкните его, чтобы добавить на свою страницу. Список модов доступен для поиска, что означает, что вы также можете ввести «Видео слайдер» и затем нажать Enter, чтобы автоматически найти и добавить видеомод! После добавления модуля вы увидите список опций модуля. Эти параметры разделены на три основные группы: Содержание , Дизайн et Передовой.
Заполните видео курсор с содержанием
Прежде чем настраивать слишком много настроек, вероятно, лучше всего заполнить слайдер видео слайдами. Таким образом, когда вы внесете изменения, вы сможете увидеть, как они влияют на конечный результат. Чтобы добавить новый слайд видео, нужно перейти по ссылке + Добавить новый предмет .
Здесь вы можете скачать файл .mp4 или Webm. Вы также можете вставить URL-адрес видео на YouTube. После того, как вы загрузили файл или добавили ссылку на YouTube, просто нажмите зеленую кнопку в правом нижнем углу, и вы вернетесь на вкладку основного содержимого модуля видеослайдера. Повторите этот процесс для каждого видео, которое хотите добавить.
Настройки содержимого модуля Video Slider
Теперь, когда ваш контент добавлен, осталось изучить еще несколько областей. Три раскрывающихся меню на вкладке содержимого, в которых сгруппированы параметры, влияют на весь модуль.
Элементы
Под пунктами вы можете отрегулировать стрелки и ползунки модуля видео слайдера.
обложка
Здесь вы можете выбрать отображение или скрытие наложений видео на основное видео. Это можно сделать, добавив наложение к каждому слайду видео или автоматически сгенерированным Divi.
Значок администратора
В этом раскрывающемся списке вы можете добавить тег администратора, который будет отображаться в построителе серверной части, а также в виде скелета визуального построителя.
Параметры дизайна модуля видео слайдера
На этой вкладке есть только одна группа параметров, которая называется Управление цветом . Здесь вы можете изменить цвет ползунка со светлого на темный, изменить цвет значка воспроизведения и настроить цвет наложения эскизов.
Модуль Video Slider Дополнительные настройки
На вкладке «Дополнительно» модуля слайдера видео вы можете добавить уникальный идентификатор и класс css. Вы также можете добавить пользовательский CSS к различным предопределенным (и предварительно выбранным) селекторам CSS в настраиваемом модуле слайдера видео с раскрывающимся списком CSS. Наконец, в раскрывающемся списке видимости вы можете настроить видимость вашего модуля на телефонах, планшетах и настольных компьютерах.
Индивидуальные настройки видеоконтента
Если вы хотите создать определенные настройки для отдельных слайдов, их необходимо настроить в самих слайдах. Просто щелкните значок шестеренки на этом слайде, чтобы открыть его уникальные настройки.
Видео
Как показано выше, здесь вы можете добавить свой видеоконтент.
обложка
Из раскрывающегося списка наложения вы можете загрузить изображение, чтобы наложить его на видеослайд, или выбрать его автоматическое создание.
Индивидуальные настройки видео дизайна
На вкладке «Дизайн» видеослайда вы можете изменить цвет стрелки слайда со светлого на темный.
Это все для этого урока, я надеюсь, он позволит вам использовать модуль прокрутки видео на Divi.
[vc_row center_row="yes"][vc_column width="1/2"][vcex_button target="blank" layout="expanded" align="center" font_family="Raleway" font_weight="700" style="flat" 18 /69″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=118&url=7&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”2″ style=”flat” custom_background=”#c23065e” custom_hover_background=”#40632d1f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”] СКАЧАТЬ ШАБЛОНЫ DIVI[/vcex_button][/vc_column][/vc_row]
Другие учебные пособия Divi
- сайты 5 для использования ресторана Divi темы
- Как добавить текст в продукт Divi WooCommerce
- Как изменить цвет меню между страницами Divi
- Как персонализировать сетки блога с Divi
- Как использовать роль DiVi редактор на WordPress
- Как создать полноэкранный слайдер Divi
- Как изменить цвет меню между страницами Divi
- Особенности, которые вы, вероятно, не знаете о Divi
- Как использовать Divi Builder в WordPress
- Как использовать модуль прокрутки видео Divi
- Как использовать модуль Flip Builder Flip
- Как добавить отзыв модуль на Divi Builder
- Как использовать текстовый модуль Divi
- Как создать слайдер на Divi
- Как редактировать роль пользователя Divi
- Как использовать модуль Divi Social Media
- Как пользоваться магазинным модулем на тему WordPress Divi
- Как использовать боковую панель Divi
- Как использовать модуль таблицы цен Divi
- Как использовать титульный модуль изданий Divi
- Как добавить видео модуль Divi
- Как использовать навигационный модуль статьи
- Как использовать модуль поиска Divi
- Как использовать модуль кошелька Divi
- Как использовать модуль пользователя в Divi Builder
- Как использовать модуль кошелька с фильтром Divi
- Как использовать ползунок полной ширины
- Как использовать модуль изображения Divi Builder
- Как использовать полноразмерный навигационный модуль Divi Builder
- Как использовать модуль галереи изображений
- Как использовать модуль карты полной ширины Divi Builder
- Как использовать модуль Divi Full Width Portfolio
- Как использовать полноразмерный заголовочный модуль Divi
- Как использовать Divi Counter Module
- Как использовать слайдер статей в Divi Builder
- Как использовать модуль Divi Email Optin